BalmUI ChangeLog
balm-ui@8
for Vue 2
- optimize sass code
- optimize scroll lock
- update
quill
to 2.x
<ui-form-field>
: fix height css bug
<segmented-buttons>
: fix watcher bug
<ui-tree>
: adddataFormat.parentKey
for parent node expansion
<ui-tree>
: fix some bug for only unchecked child node
<ui-snackbar>
: updatetimeoutMs
to support disabled
<ui-tree>
: add sass variable$disabled-color
<ui-textfield>
: fix focus state (thanks @renan-f)
<ui-chips>
: fix init selected bug
<ui-tree>
: add number type formodelValue
<ui-chips>
: optimize choice chips default value from-1
to''
<ui-form>
,<ui-form-field>
: optimize initialization
<ui-tree>
: fix prevent click for custom label
- utils: ban debugger
<ui-table>
: fix tbodyRowData bug
<ui-editor>
: fixplaceholder
bug in readonly mode
<ui-editor>
: fixreadonly
bug
- revert deps
[email protected]
for SSR
<ui-tree>
: optimize tree node data for children
<ui-pagination>
: fixtotal
watcher bug
<ui-tree>
: add propautoExpandSelected
andautoExpandAll
(thanks @guxuerui)
- update
[email protected]
<ui-editor>
: fix emoji module bug for bubble theme
- new component for plus:
<ui-side-sheet>
- update vetur
<ui-tree>
: fix prevent click for custom label
<ui-tree>
: add propfilterParentNode
<ui-tree>
: remove propselectedNodesWithParent
- update
[email protected]
<ui-tree>
: add propselectedNodesWithParent
- update
[email protected]
<ui-table>
: add eventsorted
<ui-rangepicker>
: add propdisableRangePlugin
- update
[email protected]
<ui-pagination>
: fixjumpPage
reset bug
Happy Chinese New Year
- optimize build
<ui-tree>
: fix expand all keys with propsdefaultExpandedKeys
(thanks @guxuerui)vCopy
: fix textareareadOnly
for boolean value (thanks @JiatLn)
<ui-tree>
: fix: tree single select bug for manual mode
<ui-tree>
: fix createNode bug
- revert deps
[email protected]
- update
[email protected]
- update vetur
balm-ui-next.js
is deprecated- move components:
UiCollapse
frombalm-ui-plus.js
tobalm-ui.js
libraryUiBottomNavigation
frombalm-ui-next.js
tobalm-ui-plus.js
libraryUiBottomSheet
frombalm-ui-next.js
tobalm-ui-plus.js
library
- move directives:
vDebounce
frombalm-ui-plus.js
tobalm-ui.js
library
<ui-pagination>
: addunitText
prop<ui-autocomplete>
: addfilterKeywords
prop
<ui-form>
: fix center css bug for action area<ui-pagination>
: updatejumpPage
value when thecurrentPage
is changed (thanks @guxuerui)
- move components:
UiAlert
frombalm-ui-plus.js
tobalm-ui.js
library
<ui-autocomplete>
,<ui-select>
: addinside
prop for overflow inside component
<ui-chips>
: fix filter chips bug in watching<ui-dialog>
: fix ui-dialog-actions won't emit events bug (thanks @lnkkerst)
<ui-table>
: fix css for the inner data input components of the fixed tablev-longpress
: fix error message for new api type
v-longpress
: optimize config and fix missing event bugtypes
: updateisFunction
for async function
$event
: addonce
bus event<ui-table>
: addrowCheckboxDisabled
prop
<ui-select>
: prevent small menu-in-dialogs h100% (thanks @hiddehs)
<ui-chips>
: fix choice and filter chips event bug<ui-rangepicker>
: fix focus bug, fix start input value bug<ui-textfield>
: reset counter bug<ui-select>
: fix select css in dialog
validator
: fix local validation rule bug
validator
: addglobalProperties.$validator
and providevalidator
$validator
: optimize validations
-
$validator
: update validations-
Old
interface BalmUIValidationRule { label?: string; validator: string; // 'customRule1, customRule2, ...' ...customRule?: { validate(fieldValue: any, formData: { [fieldName: string]: any }): boolean; message: string | (fieldValue: any, formData: { [fieldName: string]: any }) => string; }; } type BalmUIValidations = { [key: string]: BalmUIValidationRule; }
-
New
interface BalmUIValidationRule { key: string; // field name label?: string; validator: string; // 'customRule1, customRule2, ...' ...customRule?: { validate(fieldValue: any, formData: { [fieldName: string]: any }): boolean; message: string | (fieldValue: any, formData: { [fieldName: string]: any }) => string; }; } type BalmUIValidations = BalmUIValidationRule[]
-
<ui-chips>
: fix filter chips values bug<ui-datepicker>
: fix clear event bug
- update [email protected]
- update
[email protected]
<ui-dialog>
: add propsheet
,noContentPadding
<segmented-buttons>
: fix init model value bug<ui-list>
,<ui-item>
: fix role attr bug
$store
: update options default valuefalse
for Vuex compatibility
Use BalmUI built-in
$store
with Vuex$store
, you need config like this:
-
store.js
import useDemoStore from './modules/demo'; export default { name: 'myStore', // Set new custom store name (all lowercase): `$mystore` (Defaults: `$store`) ...useDemoStore() };
-
main.js
import BalmUI from 'balm-ui'; import myStore from './store'; // `app`: Vue app app.use(BalmUI, { $store: myStore });
<ui-editor>
: add method$refs.editor.useEditor()
<ui-pagination>
: add eventupdate:pageSize
<ui-datepicker>
: fix month mode event bug
$toast
: fix some bug for message
- update
[email protected]
<ui-editor>
: add propfullwidth
<ui-textfield>
,<ui-select>
,<ui-autocomplete>
,<ui-editor>
: optimize fullwidth css
<ui-editor>
: fix counter bug<ui-slider>
: fix width css bug
<ui-select>
,<ui-autocomplete>
: optimize components inside of the<ui-table>
<ui-select>
,<ui-autocomplete>
: optimize components inside of the<ui-dialog>
<ui-select>
: remove propfixed
<ui-dialog>
: remove propscrollable
andstacked
<ui-chip>
: new propdeletable
for input and filter chips
<ui-chip>
: rename propremovable
->deletable
<ui-bottom-navigation>
: deprecated. Use<ui-navigation-bar>
instead
<ui-textfield>
,<ui-textfield-helper>
: fix textfield invalid class bug on blur
- restore
<ui-menuitem-divider>
component
$store
: support multiple stores
$event
,$validator
: optimize state order
- update material-icons v125
- All components and plugins: migrate over to Vue 3 Composition API
<ui-chips>
: rename propchips
->items
<ui-nav>
: remove propmodelValue
,singleSelection
and events