BalmUI ChangeLog
balm-ui@8for Vue 2
<ui-editor>: optimize upload image (accept="image/*")
<ui-rangepicker>: fix watcher bug
- optimize sass code
- optimize scroll lock
- update
quillto 2.x
<ui-form-field>: fix height css bug
<segmented-buttons>: fix watcher bug
<ui-tree>: adddataFormat.parentKeyfor parent node expansion
<ui-tree>: fix some bug for only unchecked child node
<ui-snackbar>: updatetimeoutMsto 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-1to''
<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>: fixplaceholderbug in readonly mode
<ui-editor>: fixreadonlybug
- revert deps
mdc@14.0.0for SSR
<ui-tree>: optimize tree node data for children
<ui-pagination>: fixtotalwatcher bug
<ui-tree>: add propautoExpandSelectedandautoExpandAll(thanks @guxuerui)
- update
mdc@15.0.0-canary.446734f27.0
<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
mdc@15.0.0-canary.55093ee1e.0 <ui-tree>: add propselectedNodesWithParent
- update
mdc@15.0.0-canary.066d9439b.0 <ui-table>: add eventsorted<ui-rangepicker>: add propdisableRangePlugin
- update
mdc@15.0.0-canary.d9f821042.0
<ui-pagination>: fixjumpPagereset bug
Happy Chinese New Year
- optimize build
<ui-tree>: fix expand all keys with propsdefaultExpandedKeys(thanks @guxuerui)vCopy: fix textareareadOnlyfor boolean value (thanks @JiatLn)
<ui-tree>: fix: tree single select bug for manual mode
<ui-tree>: fix createNode bug
- revert deps
mdc@14.0.0
- update
mdc@15.0.0-canary.3a1f46c66.0
- update vetur
balm-ui-next.jsis deprecated- move components:
UiCollapsefrombalm-ui-plus.jstobalm-ui.jslibraryUiBottomNavigationfrombalm-ui-next.jstobalm-ui-plus.jslibraryUiBottomSheetfrombalm-ui-next.jstobalm-ui-plus.jslibrary
- move directives:
vDebouncefrombalm-ui-plus.jstobalm-ui.jslibrary
<ui-pagination>: addunitTextprop<ui-autocomplete>: addfilterKeywordsprop
<ui-form>: fix center css bug for action area<ui-pagination>: updatejumpPagevalue when thecurrentPageis changed (thanks @guxuerui)
- move components:
UiAlertfrombalm-ui-plus.jstobalm-ui.jslibrary
<ui-autocomplete>,<ui-select>: addinsideprop 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: updateisFunctionfor async function
$event: addoncebus event<ui-table>: addrowCheckboxDisabledprop
<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.$validatorand 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 mdc@14.0.0
- update
mdc@14.0.0-canary.3ab956515.0 <ui-dialog>: add propsheet,noContentPadding
<segmented-buttons>: fix init model value bug<ui-list>,<ui-item>: fix role attr bug
$store: update options default valuefalsefor Vuex compatibility
Use BalmUI built-in
$storewith 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
mdc@14.0.0-canary.cbd9358a6.0 <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 propscrollableandstacked
<ui-chip>: new propdeletablefor 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,singleSelectionand events