vue-devui 1.0.0-beta.2 → 1.0.0-beta.20220808
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +163 -172
- package/alert/index.d.ts +7 -0
- package/alert/index.es.js +79 -51
- package/alert/index.umd.js +1 -1
- package/alert/style.css +1 -1
- package/auto-complete/index.d.ts +7 -0
- package/auto-complete/index.es.js +9053 -0
- package/auto-complete/index.umd.js +40 -0
- package/auto-complete/package.json +7 -0
- package/auto-complete/style.css +1 -0
- package/avatar/index.d.ts +7 -0
- package/avatar/index.es.js +154 -147
- package/avatar/index.umd.js +1 -1
- package/avatar/style.css +1 -1
- package/badge/index.d.ts +7 -0
- package/badge/index.es.js +46 -21
- package/badge/index.umd.js +1 -1
- package/badge/style.css +1 -1
- package/button/index.d.ts +7 -0
- package/button/index.es.js +5921 -146
- package/button/index.umd.js +27 -1
- package/button/style.css +1 -1
- package/card/index.d.ts +7 -0
- package/card/index.es.js +64 -36
- package/card/index.umd.js +1 -1
- package/card/style.css +1 -1
- package/checkbox/index.d.ts +7 -0
- package/checkbox/index.es.js +8122 -255
- package/checkbox/index.umd.js +38 -1
- package/checkbox/style.css +1 -1
- package/collapse/index.d.ts +7 -0
- package/collapse/index.es.js +195 -0
- package/collapse/index.umd.js +1 -0
- package/{cascader → collapse}/package.json +1 -1
- package/collapse/style.css +1 -0
- package/countdown/index.d.ts +7 -0
- package/countdown/index.es.js +217 -0
- package/countdown/index.umd.js +1 -0
- package/{accordion → countdown}/package.json +1 -1
- package/countdown/style.css +1 -0
- package/date-picker-pro/index.d.ts +7 -0
- package/date-picker-pro/index.es.js +12035 -0
- package/date-picker-pro/index.umd.js +38 -0
- package/date-picker-pro/package.json +7 -0
- package/date-picker-pro/style.css +1 -0
- package/drawer/index.d.ts +7 -0
- package/drawer/index.es.js +205 -154
- package/drawer/index.umd.js +1 -1
- package/drawer/style.css +1 -1
- package/dropdown/index.d.ts +7 -0
- package/dropdown/index.es.js +736 -0
- package/dropdown/index.umd.js +1 -0
- package/{carousel → dropdown}/package.json +1 -1
- package/dropdown/style.css +1 -0
- package/editable-select/index.d.ts +7 -0
- package/editable-select/index.es.js +908 -461
- package/editable-select/index.umd.js +1 -1
- package/editable-select/style.css +1 -1
- package/form/index.d.ts +7 -0
- package/form/index.es.js +2439 -1995
- package/form/index.umd.js +29 -18
- package/form/style.css +1 -1
- package/fullscreen/index.d.ts +7 -0
- package/fullscreen/index.es.js +138 -125
- package/fullscreen/index.umd.js +1 -1
- package/fullscreen/style.css +1 -1
- package/grid/index.d.ts +7 -0
- package/grid/index.es.js +271 -0
- package/grid/index.umd.js +1 -0
- package/{toast → grid}/package.json +1 -1
- package/grid/style.css +1 -0
- package/icon/index.d.ts +7 -0
- package/icon/index.es.js +200 -56
- package/icon/index.umd.js +1 -1
- package/icon/style.css +1 -0
- package/image-preview/index.d.ts +7 -0
- package/image-preview/index.es.js +154 -62
- package/image-preview/index.umd.js +1 -1
- package/image-preview/style.css +1 -1
- package/index.d.ts +7 -0
- package/input/index.d.ts +7 -0
- package/input/index.es.js +8269 -145
- package/input/index.umd.js +38 -1
- package/input/style.css +1 -1
- package/input-number/index.d.ts +7 -0
- package/input-number/index.es.js +260 -191
- package/input-number/index.umd.js +1 -1
- package/input-number/style.css +1 -1
- package/layout/index.d.ts +7 -0
- package/layout/index.es.js +41 -26
- package/layout/index.umd.js +1 -1
- package/layout/style.css +1 -1
- package/loading/index.d.ts +7 -0
- package/loading/index.es.js +89 -73
- package/loading/index.umd.js +1 -1
- package/loading/style.css +1 -1
- package/mention/index.d.ts +7 -0
- package/mention/index.es.js +8326 -0
- package/mention/index.umd.js +47 -0
- package/mention/package.json +7 -0
- package/mention/style.css +1 -0
- package/menu/index.d.ts +7 -0
- package/menu/index.es.js +891 -0
- package/menu/index.umd.js +1 -0
- package/{anchor → menu}/package.json +1 -1
- package/menu/style.css +1 -0
- package/message/index.d.ts +7 -0
- package/message/index.es.js +533 -0
- package/message/index.umd.js +1 -0
- package/message/package.json +7 -0
- package/message/style.css +1 -0
- package/modal/index.d.ts +7 -0
- package/modal/index.es.js +611 -877
- package/modal/index.umd.js +1 -1
- package/modal/style.css +1 -1
- package/notification/index.d.ts +7 -0
- package/notification/index.es.js +528 -0
- package/notification/index.umd.js +1 -0
- package/notification/package.json +7 -0
- package/notification/style.css +1 -0
- package/nuxt/components/Alert.js +3 -0
- package/nuxt/components/Aside.js +3 -0
- package/nuxt/components/AutoComplete.js +3 -0
- package/nuxt/components/Avatar.js +3 -0
- package/nuxt/components/Badge.js +3 -0
- package/nuxt/components/Button.js +3 -0
- package/nuxt/components/ButtonGroup.js +3 -0
- package/nuxt/components/Card.js +3 -0
- package/nuxt/components/Checkbox.js +3 -0
- package/nuxt/components/CheckboxButton.js +3 -0
- package/nuxt/components/CheckboxGroup.js +3 -0
- package/nuxt/components/Col.js +3 -0
- package/nuxt/components/Collapse.js +3 -0
- package/nuxt/components/CollapseItem.js +3 -0
- package/nuxt/components/Column.js +3 -0
- package/nuxt/components/Content.js +3 -0
- package/nuxt/components/Countdown.js +3 -0
- package/nuxt/components/DRangeDatePickerPro.js +3 -0
- package/nuxt/components/DatePickerPro.js +3 -0
- package/nuxt/components/Drawer.js +3 -0
- package/nuxt/components/DrawerService.js +3 -0
- package/nuxt/components/Dropdown.js +3 -0
- package/nuxt/components/DropdownMenu.js +3 -0
- package/nuxt/components/DropdownPropsKey.js +3 -0
- package/nuxt/components/EditableSelect.js +3 -0
- package/nuxt/components/FORM_ITEM_TOKEN.js +3 -0
- package/nuxt/components/FORM_TOKEN.js +3 -0
- package/nuxt/components/FixedOverlay.js +3 -0
- package/nuxt/components/FlexibleOverlay.js +3 -0
- package/nuxt/components/Footer.js +3 -0
- package/nuxt/components/Form.js +3 -0
- package/nuxt/components/FormItem.js +3 -0
- package/nuxt/components/FormOperation.js +3 -0
- package/nuxt/components/Fullscreen.js +3 -0
- package/nuxt/components/Header.js +3 -0
- package/nuxt/components/IFileOptions.js +3 -0
- package/nuxt/components/IUploadOptions.js +3 -0
- package/nuxt/components/Icon.js +3 -0
- package/nuxt/components/IconGroup.js +3 -0
- package/nuxt/components/ImagePreviewService.js +3 -0
- package/nuxt/components/Input.js +3 -0
- package/nuxt/components/InputNumber.js +3 -0
- package/nuxt/components/LABEL_DATA.js +3 -0
- package/nuxt/components/Layout.js +3 -0
- package/nuxt/components/Loading.js +3 -0
- package/nuxt/components/LoadingOptions.js +3 -0
- package/nuxt/components/LoadingService.js +3 -0
- package/nuxt/components/Mention.js +3 -0
- package/nuxt/components/Menu.js +3 -0
- package/nuxt/components/MenuItem.js +3 -0
- package/nuxt/components/Message.js +3 -0
- package/nuxt/components/Modal.js +3 -0
- package/nuxt/components/Notification.js +3 -0
- package/nuxt/components/NotificationService.js +3 -0
- package/nuxt/components/Option.js +3 -0
- package/nuxt/components/OptionGroup.js +3 -0
- package/nuxt/components/Pagination.js +3 -0
- package/nuxt/components/Panel.js +3 -0
- package/nuxt/components/PanelBody.js +3 -0
- package/nuxt/components/PanelFooter.js +3 -0
- package/nuxt/components/PanelHeader.js +3 -0
- package/nuxt/components/Popover.js +3 -0
- package/nuxt/components/Progress.js +3 -0
- package/nuxt/components/Radio.js +3 -0
- package/nuxt/components/RadioButton.js +3 -0
- package/nuxt/components/RadioGroup.js +3 -0
- package/nuxt/components/Rate.js +3 -0
- package/nuxt/components/Result.js +3 -0
- package/nuxt/components/Row.js +3 -0
- package/nuxt/components/Search.js +3 -0
- package/nuxt/components/Select.js +3 -0
- package/nuxt/components/Skeleton.js +3 -0
- package/nuxt/components/SkeletonItem.js +3 -0
- package/nuxt/components/Slider.js +3 -0
- package/nuxt/components/Splitter.js +3 -0
- package/nuxt/components/Statistic.js +3 -0
- package/nuxt/components/Status.js +3 -0
- package/nuxt/components/Step.js +3 -0
- package/nuxt/components/Steps.js +3 -0
- package/nuxt/components/SubMenu.js +3 -0
- package/nuxt/components/Switch.js +3 -0
- package/nuxt/components/TABLE_TOKEN.js +3 -0
- package/nuxt/components/Tab.js +3 -0
- package/nuxt/components/Table.js +3 -0
- package/nuxt/components/Tabs.js +3 -0
- package/nuxt/components/Tag.js +3 -0
- package/nuxt/components/Textarea.js +3 -0
- package/nuxt/components/TimePicker.js +3 -0
- package/nuxt/components/TimeSelect.js +3 -0
- package/nuxt/components/Timeline.js +3 -0
- package/nuxt/components/TimelineItem.js +3 -0
- package/nuxt/components/Tooltip.js +3 -0
- package/nuxt/components/Tree.js +3 -0
- package/nuxt/components/Upload.js +3 -0
- package/nuxt/components/UploadStatus.js +3 -0
- package/nuxt/components/alertProps.js +3 -0
- package/nuxt/components/animationInjectionKey.js +3 -0
- package/nuxt/components/autoCompleteProps.js +3 -0
- package/nuxt/components/avatarProps.js +3 -0
- package/nuxt/components/badgeProps.js +3 -0
- package/nuxt/components/buttonGroupInjectionKey.js +3 -0
- package/nuxt/components/buttonGroupProps.js +3 -0
- package/nuxt/components/buttonProps.js +3 -0
- package/nuxt/components/cardProps.js +3 -0
- package/nuxt/components/checkboxGroupInjectionKey.js +3 -0
- package/nuxt/components/checkboxGroupProps.js +3 -0
- package/nuxt/components/checkboxProps.js +3 -0
- package/nuxt/components/colProps.js +3 -0
- package/nuxt/components/colPropsBaseClass.js +3 -0
- package/nuxt/components/colPropsBaseStyle.js +3 -0
- package/nuxt/components/collapseItemProps.js +3 -0
- package/nuxt/components/collapseProps.js +3 -0
- package/nuxt/components/countdownProps.js +3 -0
- package/nuxt/components/datePickerProCommonProps.js +3 -0
- package/nuxt/components/datePickerProPanelProps.js +3 -0
- package/nuxt/components/datePickerProProps.js +3 -0
- package/nuxt/components/dropdownMenuProps.js +3 -0
- package/nuxt/components/editableSelectProps.js +3 -0
- package/nuxt/components/fixedOverlayProps.js +3 -0
- package/nuxt/components/flexibleOverlayProps.js +3 -0
- package/nuxt/components/formItemProps.js +3 -0
- package/nuxt/components/formProps.js +3 -0
- package/nuxt/components/fullscreenProps.js +3 -0
- package/nuxt/components/iconProps.js +3 -0
- package/nuxt/components/imagePreviewProps.js +3 -0
- package/nuxt/components/inputProps.js +3 -0
- package/nuxt/components/loadingProps.js +3 -0
- package/nuxt/components/mentionProps.js +3 -0
- package/nuxt/components/messageProps.js +3 -0
- package/nuxt/components/modalProps.js +3 -0
- package/nuxt/components/notificationProps.js +3 -0
- package/nuxt/components/paginationProps.js +3 -0
- package/nuxt/components/panelProps.js +3 -0
- package/nuxt/components/popoverProps.js +3 -0
- package/nuxt/components/progressProps.js +3 -0
- package/nuxt/components/rateProps.js +3 -0
- package/nuxt/components/resultProps.js +3 -0
- package/nuxt/components/roundInjectionKey.js +3 -0
- package/nuxt/components/rowProps.js +3 -0
- package/nuxt/components/screenSizes.js +3 -0
- package/nuxt/components/searchProps.js +3 -0
- package/nuxt/components/skeletonItemProps.js +3 -0
- package/nuxt/components/skeletonProps.js +3 -0
- package/nuxt/components/sliderProps.js +3 -0
- package/nuxt/components/splitterProps.js +3 -0
- package/nuxt/components/statisticProps.js +3 -0
- package/nuxt/components/stepProps.js +3 -0
- package/nuxt/components/stepsProps.js +3 -0
- package/nuxt/components/svgIconProps.js +3 -0
- package/nuxt/components/switchProps.js +3 -0
- package/nuxt/components/tableProps.js +3 -0
- package/nuxt/components/tabsProps.js +3 -0
- package/nuxt/components/tagProps.js +3 -0
- package/nuxt/components/textareaProps.js +3 -0
- package/nuxt/components/timeAxisProps.js +3 -0
- package/nuxt/components/timerPickerPanelProps.js +3 -0
- package/nuxt/components/tooltipProps.js +3 -0
- package/nuxt/components/treeNodeProps.js +3 -0
- package/nuxt/components/treeProps.js +3 -0
- package/nuxt/components/uploadProps.js +3 -0
- package/nuxt/index.js +13 -0
- package/overlay/index.d.ts +7 -0
- package/overlay/index.es.js +245 -303
- package/overlay/index.umd.js +1 -1
- package/overlay/style.css +1 -1
- package/package.json +16 -84
- package/pagination/index.d.ts +7 -0
- package/pagination/index.es.js +333 -155
- package/pagination/index.umd.js +1 -1
- package/pagination/style.css +1 -1
- package/panel/index.d.ts +7 -0
- package/panel/index.es.js +48 -35
- package/panel/index.umd.js +1 -1
- package/panel/style.css +1 -1
- package/popover/index.d.ts +7 -0
- package/popover/index.es.js +6035 -204
- package/popover/index.umd.js +27 -1
- package/popover/style.css +1 -1
- package/progress/index.d.ts +7 -0
- package/progress/index.es.js +111 -57
- package/progress/index.umd.js +3 -3
- package/progress/style.css +1 -1
- package/radio/index.d.ts +7 -0
- package/radio/index.es.js +8015 -182
- package/radio/index.umd.js +38 -1
- package/radio/style.css +1 -1
- package/rate/index.d.ts +7 -0
- package/rate/index.es.js +78 -56
- package/rate/index.umd.js +1 -1
- package/rate/style.css +1 -1
- package/result/index.d.ts +7 -0
- package/result/index.es.js +248 -0
- package/result/index.umd.js +1 -0
- package/{sticky → result}/package.json +1 -1
- package/result/style.css +1 -0
- package/ripple/index.d.ts +7 -0
- package/ripple/index.es.js +56 -61
- package/ripple/index.umd.js +1 -1
- package/search/index.d.ts +7 -0
- package/search/index.es.js +8381 -406
- package/search/index.umd.js +38 -1
- package/search/style.css +1 -1
- package/select/index.d.ts +7 -0
- package/select/index.es.js +9331 -576
- package/select/index.umd.js +38 -1
- package/select/style.css +1 -1
- package/skeleton/index.d.ts +7 -0
- package/skeleton/index.es.js +115 -145
- package/skeleton/index.umd.js +1 -1
- package/skeleton/style.css +1 -1
- package/slider/index.d.ts +7 -0
- package/slider/index.es.js +148 -142
- package/slider/index.umd.js +1 -1
- package/slider/style.css +1 -1
- package/splitter/index.d.ts +7 -0
- package/splitter/index.es.js +6308 -181
- package/splitter/index.umd.js +27 -1
- package/splitter/style.css +1 -1
- package/statistic/index.d.ts +7 -0
- package/statistic/index.es.js +253 -0
- package/statistic/index.umd.js +1 -0
- package/statistic/package.json +7 -0
- package/statistic/style.css +1 -0
- package/status/index.d.ts +7 -0
- package/status/index.es.js +29 -8
- package/status/index.umd.js +1 -1
- package/status/style.css +1 -1
- package/steps/index.d.ts +7 -0
- package/steps/index.es.js +386 -0
- package/steps/index.umd.js +1 -0
- package/steps/package.json +7 -0
- package/steps/style.css +1 -0
- package/style.css +1 -1
- package/switch/index.d.ts +7 -0
- package/switch/index.es.js +7819 -65
- package/switch/index.umd.js +38 -1
- package/switch/style.css +1 -1
- package/table/index.d.ts +7 -0
- package/table/index.es.js +11435 -204
- package/table/index.umd.js +38 -1
- package/table/style.css +1 -1
- package/tabs/index.d.ts +7 -0
- package/tabs/index.es.js +356 -143
- package/tabs/index.umd.js +1 -1
- package/tabs/style.css +1 -1
- package/tag/index.d.ts +7 -0
- package/tag/index.es.js +156 -0
- package/tag/index.umd.js +1 -0
- package/tag/package.json +7 -0
- package/tag/style.css +1 -0
- package/textarea/index.d.ts +7 -0
- package/textarea/index.es.js +7989 -0
- package/textarea/index.umd.js +46 -0
- package/textarea/package.json +7 -0
- package/textarea/style.css +1 -0
- package/{theme → theme/theme.scss} +0 -0
- package/time-picker/index.d.ts +7 -0
- package/time-picker/index.es.js +9126 -597
- package/time-picker/index.umd.js +38 -1
- package/time-picker/style.css +1 -1
- package/time-select/index.d.ts +7 -0
- package/time-select/index.es.js +9606 -0
- package/time-select/index.umd.js +38 -0
- package/{breadcrumb → time-select}/package.json +1 -1
- package/time-select/style.css +1 -0
- package/timeline/index.d.ts +7 -0
- package/timeline/index.es.js +427 -0
- package/timeline/index.umd.js +1 -0
- package/timeline/package.json +7 -0
- package/timeline/style.css +1 -0
- package/tooltip/index.d.ts +7 -0
- package/tooltip/index.es.js +5870 -141
- package/tooltip/index.umd.js +27 -1
- package/tooltip/style.css +1 -1
- package/tree/index.d.ts +7 -0
- package/tree/index.es.js +11504 -692
- package/tree/index.umd.js +38 -1
- package/tree/style.css +1 -1
- package/upload/index.d.ts +7 -0
- package/upload/index.es.js +968 -2748
- package/upload/index.umd.js +1 -1
- package/upload/style.css +1 -1
- package/vue-devui.es.js +22816 -16568
- package/vue-devui.umd.js +42 -20
- package/accordion/index.es.js +0 -190
- package/accordion/index.umd.js +0 -1
- package/accordion/style.css +0 -1
- package/anchor/index.es.js +0 -263
- package/anchor/index.umd.js +0 -1
- package/anchor/style.css +0 -1
- package/breadcrumb/index.es.js +0 -127
- package/breadcrumb/index.umd.js +0 -1
- package/breadcrumb/style.css +0 -1
- package/carousel/index.es.js +0 -328
- package/carousel/index.umd.js +0 -1
- package/carousel/style.css +0 -1
- package/cascader/index.es.js +0 -187
- package/cascader/index.umd.js +0 -1
- package/cascader/style.css +0 -1
- package/date-picker/index.es.js +0 -1171
- package/date-picker/index.umd.js +0 -1
- package/date-picker/package.json +0 -7
- package/date-picker/style.css +0 -1
- package/nav-sprite/index.es.js +0 -742
- package/nav-sprite/index.umd.js +0 -1
- package/nav-sprite/package.json +0 -7
- package/quadrant-diagram/index.es.js +0 -489
- package/quadrant-diagram/index.umd.js +0 -1
- package/quadrant-diagram/package.json +0 -7
- package/quadrant-diagram/style.css +0 -1
- package/steps-guide/index.es.js +0 -211
- package/steps-guide/index.umd.js +0 -1
- package/steps-guide/package.json +0 -7
- package/steps-guide/style.css +0 -1
- package/sticky/index.es.js +0 -197
- package/sticky/index.umd.js +0 -1
- package/tag-input/index.es.js +0 -341
- package/tag-input/index.umd.js +0 -1
- package/tag-input/package.json +0 -7
- package/tag-input/style.css +0 -1
- package/time-axis/index.es.js +0 -79
- package/time-axis/index.umd.js +0 -1
- package/time-axis/package.json +0 -7
- package/time-axis/style.css +0 -1
- package/toast/index.es.js +0 -2059
- package/toast/index.umd.js +0 -1
- package/toast/style.css +0 -1
- package/transfer/index.es.js +0 -1446
- package/transfer/index.umd.js +0 -1
- package/transfer/package.json +0 -7
- package/transfer/style.css +0 -1
- package/tree-select/index.es.js +0 -203
- package/tree-select/index.umd.js +0 -1
- package/tree-select/package.json +0 -7
- package/tree-select/style.css +0 -1
package/transfer/index.umd.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var Je=Object.defineProperty,Ge=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var te=Object.getOwnPropertySymbols;var tt=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable;var ne=(g,t,b)=>t in g?Je(g,t,{enumerable:!0,configurable:!0,writable:!0,value:b}):g[t]=b,$=(g,t)=>{for(var b in t||(t={}))tt.call(t,b)&&ne(g,b,t[b]);if(te)for(var b of te(t))nt.call(t,b)&&ne(g,b,t[b]);return g},x=(g,t)=>Ge(g,et(t));(function(g,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(g=typeof globalThis!="undefined"?globalThis:g||self,t(g.index={},g.Vue))})(this,function(g,t){"use strict";const b={sourceOption:{type:Array,default(){return[]}},targetOption:{type:Array,default(){return[]}},type:{type:String,default:()=>"source"},title:{type:String,default:()=>"Source"},search:{type:Boolean,default:()=>!1},allChecked:{type:Boolean,default:()=>!1},query:{type:String,default:()=>""},alltargetState:{type:Boolean,default:()=>!1},checkedNum:{type:Number,default:()=>0},checkedValues:{type:Array,default:()=>[]},allCount:{type:Number,default:()=>0},scopedSlots:{type:Object},onChangeAllSource:{type:Function},onChangeQuery:{type:Function},onUpdateCheckeds:{type:Function}},ae=(e,a)=>{const n=[],c=(a==="source"?e.sourceOption:e.targetOption).map(d=>(e.modelValue.some(r=>r===d.value)&&n.push(d.value),d));return{model:n,data:c}},L=(e,a)=>{const n=ae(e,a);return{data:n.data,allChecked:!1,disabled:!1,checkedNum:n.model.length,query:"",checkedValues:n.model,filterData:n.data}},oe=e=>t.computed(()=>`devui-transfer-panel devui-transfer-${e.type}`);var at="";const U={name:{type:String,default:void 0},isShowTitle:{type:Boolean,default:!0},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},le=x($({},U),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),re=x($({},U),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),K=Symbol("d-checkbox-group");var v=t.defineComponent({name:"DCheckbox",props:le,emits:["change","update:checked","update:modelValue"],setup(e,a){const n=t.inject(K,null),l=t.computed(()=>e.checked||e.modelValue),c=t.computed(()=>(n==null?void 0:n.disabled.value)||e.disabled),d=t.computed(()=>{var i,k;return(k=(i=n==null?void 0:n.isItemChecked)==null?void 0:i.call(n,e.value))!=null?k:l.value}),s=t.computed(()=>{var i;return(i=n==null?void 0:n.isShowTitle)!=null?i:e.isShowTitle}),r=t.computed(()=>{var i;return(i=n==null?void 0:n.showAnimation)!=null?i:e.showAnimation}),u=t.computed(()=>{var i;return(i=n==null?void 0:n.color)!=null?i:e.color}),p=n==null?void 0:n.itemWidth.value,m=n==null?void 0:n.direction.value,h=(i,k)=>{var V;if(c.value)return Promise.resolve(!1);const S=(V=e.beforeChange)!=null?V:n==null?void 0:n.beforeChange;if(S){const w=S(i,k);return typeof w=="boolean"?Promise.resolve(w):w}return Promise.resolve(!0)},o=()=>{const i=!l.value;n==null||n.toggleGroupVal(e.value),a.emit("update:checked",i),a.emit("update:modelValue",i),a.emit("change",i)};return{itemWidth:p,direction:m,mergedColor:u,mergedDisabled:c,mergedIsShowTitle:s,mergedChecked:d,mergedShowAnimation:r,handleClick:()=>{h(!l.value,e.value).then(i=>i&&o())}}},render(){var N;const{itemWidth:e,direction:a,mergedChecked:n,mergedDisabled:l,mergedIsShowTitle:c,mergedShowAnimation:d,halfchecked:s,title:r,label:u,handleClick:p,name:m,value:h,mergedColor:o,$slots:f}=this,i={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof e!="undefined"},k=e?[`width: ${e}px`]:[],S={"devui-checkbox":!0,active:n,halfchecked:s,disabled:l,unchecked:!n},V=c?r||u:"",w=o&&s||o?`linear-gradient(${o}, ${o})`:"",z=[`border-color:${(n||s)&&o?o:""}`,`background-image:${w}`,`background-color:${o&&s?o:""}`],q={"devui-checkbox-material":!0,"custom-color":o,"devui-checkbox-no-label":!u&&!f.default,"devui-no-animation":!d,"devui-checkbox-default-background":!s},B={"devui-tick":!0,"devui-no-animation":!d},y=O=>O.stopPropagation(),C={indeterminate:s};return t.createVNode("div",{class:i,style:k},[t.createVNode("div",{class:S},[t.createVNode("label",{title:V,onClick:p},[t.createVNode("input",t.mergeProps({name:m||h,class:"devui-checkbox-input",type:"checkbox"},C,{checked:n,disabled:l,onClick:y,onChange:y}),null),t.createVNode("span",{style:z,class:q},[t.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),t.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:B},null)])])]),u||((N=f.default)==null?void 0:N.call(f))])])])}}),ot="",M=t.defineComponent({name:"DCheckboxGroup",props:re,emits:["change","update:modelValue"],setup(e,a){const n=t.toRef(e,"modelValue"),l={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},c=s=>{const r=n.value.findIndex(u=>u===s);if(r===-1){const u=[...n.value,s];a.emit("update:modelValue",u),a.emit("change",u);return}n.value.splice(r,1),a.emit("update:modelValue",n.value),a.emit("change",n.value)},d=s=>n.value.includes(s);return t.provide(K,{disabled:t.toRef(e,"disabled"),isShowTitle:t.toRef(e,"isShowTitle"),color:t.toRef(e,"color"),showAnimation:t.toRef(e,"showAnimation"),beforeChange:e.beforeChange,isItemChecked:d,toggleGroupVal:c,itemWidth:t.toRef(e,"itemWidth"),direction:t.toRef(e,"direction")}),{defaultOpt:l}},render(){var d;const{direction:e,$slots:a,defaultOpt:n,options:l}=this;let c=(d=a.default)==null?void 0:d.call(a);return(l==null?void 0:l.length)>0&&(c=l.map(s=>{const r=Object.assign({},n,s);return t.createVNode(v,r,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":e==="row"}},[c])])}});const ie={size:{type:String,default:""},placeholder:{type:String,default:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},delay:{type:Number,default:300},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},isKeyupSearch:{type:Boolean,default:!1},iconPosition:{type:String,default:"right"},noBorder:{type:Boolean,default:!1},cssClass:{type:String,default:""},modelValue:{type:String,default:""},searchFn:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},de={lg:"lg",sm:"sm"},se={right:"right",left:"left"},ce=e=>t.computed(()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:de[e.size],[`devui-search__${e.iconPosition}`]:se[e.iconPosition]})),ue=(e,a)=>{const n=t.ref("");t.watch(()=>a.modelValue,d=>{n.value=d},{immediate:!0});const l=()=>{n.value="",e.emit("update:modelValue","")},c=t.computed(()=>n.value.length>0);return{keywords:n,clearIconShow:c,onClearHandle:l}};var fe=typeof global=="object"&&global&&global.Object===Object&&global,he=fe,me=typeof self=="object"&&self&&self.Object===Object&&self,pe=he||me||Function("return this")(),R=pe,ye=R.Symbol,D=ye,W=Object.prototype,ge=W.hasOwnProperty,be=W.toString,T=D?D.toStringTag:void 0;function ke(e){var a=ge.call(e,T),n=e[T];try{e[T]=void 0;var l=!0}catch{}var c=be.call(e);return l&&(a?e[T]=n:delete e[T]),c}var Se=Object.prototype,Ce=Se.toString;function Ve(e){return Ce.call(e)}var we="[object Null]",Ne="[object Undefined]",Q=D?D.toStringTag:void 0;function ve(e){return e==null?e===void 0?Ne:we:Q&&Q in Object(e)?ke(e):Ve(e)}function Te(e){return e!=null&&typeof e=="object"}var Ie="[object Symbol]";function Be(e){return typeof e=="symbol"||Te(e)&&ve(e)==Ie}var De=/\s/;function Fe(e){for(var a=e.length;a--&&De.test(e.charAt(a)););return a}var Oe=/^\s+/;function $e(e){return e&&e.slice(0,Fe(e)+1).replace(Oe,"")}function P(e){var a=typeof e;return e!=null&&(a=="object"||a=="function")}var H=0/0,Pe=/^[-+]0x[0-9a-f]+$/i,Ae=/^0b[01]+$/i,je=/^0o[0-7]+$/i,_e=parseInt;function X(e){if(typeof e=="number")return e;if(Be(e))return H;if(P(e)){var a=typeof e.valueOf=="function"?e.valueOf():e;e=P(a)?a+"":a}if(typeof e!="string")return e===0?e:+e;e=$e(e);var n=Ae.test(e);return n||je.test(e)?_e(e.slice(2),n?2:8):Pe.test(e)?H:+e}var Ee=function(){return R.Date.now()},A=Ee,ze="Expected a function",qe=Math.max,xe=Math.min;function Le(e,a,n){var l,c,d,s,r,u,p=0,m=!1,h=!1,o=!0;if(typeof e!="function")throw new TypeError(ze);a=X(a)||0,P(n)&&(m=!!n.leading,h="maxWait"in n,d=h?qe(X(n.maxWait)||0,a):d,o="trailing"in n?!!n.trailing:o);function f(y){var C=l,N=c;return l=c=void 0,p=y,s=e.apply(N,C),s}function i(y){return p=y,r=setTimeout(V,a),m?f(y):s}function k(y){var C=y-u,N=y-p,O=a-C;return h?xe(O,d-N):O}function S(y){var C=y-u,N=y-p;return u===void 0||C>=a||C<0||h&&N>=d}function V(){var y=A();if(S(y))return w(y);r=setTimeout(V,k(y))}function w(y){return r=void 0,o&&l?f(y):(l=c=void 0,s)}function z(){r!==void 0&&clearTimeout(r),p=0,l=u=c=r=void 0}function q(){return r===void 0?s:w(A())}function B(){var y=A(),C=S(y);if(l=arguments,c=this,u=y,C){if(r===void 0)return i(u);if(h)return clearTimeout(r),r=setTimeout(V,a),f(u)}return r===void 0&&(r=setTimeout(V,a)),s}return B.cancel=z,B.flush=q,B}const Ue={enter:"Enter"},Ke=(e,a,n)=>{const l=r=>{switch(r.key){case Ue.enter:c(r);break}},c=r=>{if(r.target instanceof HTMLInputElement){const u=r.target.value;s(u)}},d=()=>{s(a.value)},s=Le(r=>{e.emit("searchFn",r)},n);return{onInputKeydown:l,useEmitKeyword:s,onClickHandle:d}},Me={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var lt="";const Re=Symbol("dFormItem"),j={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var We=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,a){a.value&&e.focus()}}},props:Me,emits:["update:value","focus","blur","change","keydown"],setup(e,a){const n=t.inject(Re,{}),l=t.computed(()=>`devui-input-${e.size}`),c=t.ref(!1),d=t.ref("text"),s=t.computed(()=>({error:e.error,[e.cssClass]:!0,[l.value]:e.size!==""})),r=t.computed(()=>d.value==="password");return t.watch(()=>e.showPassword,i=>{d.value=i?"password":"text"},{immediate:!0}),t.watch(()=>e.value,i=>{i&&i.length>0&&r.value?c.value=!0:c.value=!1}),{inputCls:s,inputType:d,showPreviewIcon:r,showPwdIcon:c,onInput:i=>{a.emit("update:value",i.target.value),n.formItemMitt.emit(j.input)},onFocus:()=>{a.emit("focus")},onBlur:()=>{a.emit("blur"),n.formItemMitt.emit(j.blur)},onChange:i=>{a.emit("change",i.target.value),n.formItemMitt.emit(j.change)},onKeydown:i=>{a.emit("keydown",i)},onChangeInputType:()=>{d.value=d.value==="password"?"text":"password"}}},render(){const{value:e,showPreviewIcon:a,showPwdIcon:n,inputCls:l,inputType:c,maxLength:d,autoFocus:s,placeholder:r,disabled:u,onInput:p,onFocus:m,onBlur:h,onChange:o,onKeydown:f,onChangeInputType:i}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:u,type:c,maxlength:d,placeholder:r,class:l,onInput:p,onFocus:m,onBlur:h,onChange:o,onKeydown:f}),null),[[t.resolveDirective("focus"),s]]),n&&t.createVNode("div",{class:"devui-input__preview",onClick:i},[a?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}}),rt="",Y=t.defineComponent({name:"DSearch",props:ie,emits:["update:modelValue","searchFn"],setup(e,a){const n=ce(e),{keywords:l,clearIconShow:c,onClearHandle:d}=ue(a,e),{onInputKeydown:s,onClickHandle:r,useEmitKeyword:u}=Ke(a,l,e.delay),p=m=>{e.isKeyupSearch&&u(m),l.value=m,a.emit("update:modelValue",m)};return()=>t.createVNode("div",{class:n.value},[e.iconPosition==="left"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)]),t.createVNode(We,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,value:l.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:s,"onUpdate:value":p},null),c.value&&t.createVNode("div",{class:"devui-search__clear",onClick:d},[t.createVNode(t.resolveComponent("d-icon"),{name:"close",size:"inherit"},null)]),e.iconPosition==="right"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)])])}});function Z(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}var _=t.defineComponent({name:"DTransferBase",components:{DSearch:Y,DCheckboxGroup:M,DCheckbox:v},props:b,setup(e,a){const n=t.computed(()=>e.checkedValues),l=t.computed(()=>e.query);return{baseClass:oe(e),searchQuery:l,modelValues:n,updateSearchQuery:s=>a.emit("changeQuery",s)}},render(){let e;const{title:a,baseClass:n,checkedNum:l,allChecked:c,sourceOption:d,allCount:s,updateSearchQuery:r,search:u,searchQuery:p,modelValues:m}=this;return t.createVNode("div",{class:n},[this.$slots.header?this.$slots.header():t.createVNode("div",{class:"devui-transfer-panel-header"},[t.createVNode("div",{class:"devui-transfer-panel-header-allChecked"},[t.createVNode(v,{modelValue:c,onChange:h=>this.$emit("changeAllSource",h)},Z(a)?a:{default:()=>[a]})]),t.createVNode("div",{class:"devui-transfer-panel-header-num"},[l,t.createTextVNode("/"),s])]),this.$slots.body?this.$slots.body():t.createVNode("div",{class:"devui-transfer-panel-body"},[u&&t.createVNode("div",{class:"devui-transfer-panel-body-search"},[t.createVNode(Y,{modelValue:p,"onUpdate:modelValue":r},null)]),t.createVNode("div",{class:"devui-transfer-panel-body-list",style:{height:`calc(100% - 40px - ${u?42:0}px)`}},[d.length?t.createVNode(M,{modelValue:m,onChange:h=>this.$emit("updateCheckeds",h)},Z(e=d.map((h,o)=>t.createVNode(v,{class:"devui-transfer-panel-body-list-item",label:h.key,value:h.value,disabled:h.disabled,key:o},null)))?e:{default:()=>[e]}):t.createVNode("div",{class:"devui-transfer-panel-body-list-empty"},[t.createTextVNode("\u65E0\u6570\u636E")])])])])}}),F=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return $({},e)},render(){const{name:e,size:a,color:n,classPrefix:l}=this;return t.createVNode(t.Fragment,null,[/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:a}},null):t.createVNode("i",{class:`${l} ${l}-${e}`,style:{fontSize:a,color:n}},null)])}});F.install=function(e){e.component(F.name,F)};const Qe={type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}};var it="",E=t.defineComponent({name:"DButton",props:Qe,setup(e,a){const n=t.ref(null),l=r=>{var u;e.showLoading||(u=e.onClick)==null||u.call(e,r)},c=t.computed(()=>a.slots.default),d=t.computed(()=>{const{btnStyle:r,size:u,position:p,bordered:m,icon:h}=e,o=`devui-btn devui-btn-${r} devui-btn-${u} devui-btn-${p}`,f=m?"bordered":"",i=!!h&&!c.value&&r!=="primary"?"d-btn-icon":"";return`${o} ${f} ${i} ${h?"d-btn-icon-wrap":""}`}),s=t.computed(()=>{if(!e.icon)return;const r="devui-icon-fix icon";return c.value?`${r} clear-right-5`:r});return()=>{var o,f;const{icon:r,type:u,disabled:p,showLoading:m,width:h}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},a.attrs),[t.createVNode("button",{class:d.value,type:u,disabled:p,style:{width:h},onClick:l},[r?t.createVNode(F,{name:e.icon,class:s.value},null):null,t.createVNode("span",{class:"button-content",ref:n},[(f=(o=a.slots).default)==null?void 0:f.call(o)])])])}}});const He={sourceDisabled:{type:Boolean,default:()=>!0},targetDisabled:{type:Boolean,default:()=>!0},disabled:{type:Boolean,default:()=>!1},onUpdateSourceData:{type:Function},onUpdateTargetData:{type:Function}};var J=t.defineComponent({name:"DTransferOperation",components:{DButton:E},props:He,setup(e,a){return()=>a.slots.operation&&a.slots.operation()||t.createVNode("div",{class:"devui-transfer-panel-operation"},[t.createVNode("div",{class:"devui-transfer-panel-operation-group"},[t.createVNode(E,{class:"devui-transfer-panel-operation-group-left",disabled:e.disabled?e.disabled:e.sourceDisabled,onClick:()=>a.emit("updateSourceData")},{default:()=>[t.createVNode("span",{class:"icon-collapse"},null)]}),t.createVNode(E,{class:"devui-transfer-panel-operation-group-right",disabled:e.disabled?e.disabled:e.targetDisabled,onClick:()=>a.emit("updateTargetData")},{default:()=>[t.createVNode("span",{class:"icon-chevron-right"},null)]})])])}});const Xe={sourceOption:{type:Array,require:!0,default(){return[]}},targetOption:{type:Array,require:!0,default(){return[]}},titles:{type:Array,default:()=>()=>["Source","Target"]},modelValue:{type:Array,default:()=>()=>[]},height:{type:String,default:"320px"},isSearch:{type:Boolean,default:!1},isSourceDroppable:{type:Boolean,default:!1},isTargetDroppable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},showOptionTitle:{type:Boolean,default:!1},slots:{type:Object}},G=(e,a)=>e.slots[`${a}-header`]?()=>e.slots[`${a}-header`]&&e.slots[`${a}-header`]():null,ee=(e,a)=>e.slots[`${a}-body`]?()=>e.slots[`${a}-body`]&&e.slots[`${a}-body`]():null,Ye=e=>e.slots&&e.slots.operation&&e.slots.operation()||null;var dt="",I=t.defineComponent({name:"DTransfer",components:{DTransferBase:_,DTransferOperation:J,DCheckbox:v},props:Xe,setup(e,a){const n=t.reactive(L(e,"source")),l=t.reactive(L(e,"target")),c=t.ref(null);t.watch(()=>n.query,o=>{m(n)}),t.watch(()=>n.checkedValues,o=>{n.checkedNum=o.length,d(n,o)},{deep:!0}),t.watch(()=>l.query,o=>{m(l)}),t.watch(()=>l.checkedValues,o=>{l.checkedNum=o.length,d(l,o)},{deep:!0});const d=(o,f)=>{c.value==="click"?o.allChecked=!1:o.allChecked=f.length===o.data.filter(i=>!i.disabled).length},s=(o,f)=>{const i=[];o.data=o.data.filter(k=>{const S=o.checkedValues.includes(k.value);return S&&i.push(k),!S}),f.data=f.data.concat(i),o.checkedValues=[],f.disabled=!f.disabled,m(o,f),m(f,o),h("click")},r=(o,f)=>{o.filterData.every(i=>i.disabled)||(o.allChecked=f,f?o.checkedValues=o.filterData.filter(i=>!i.disabled).map(i=>i.value):o.checkedValues=[],h("change"))},u=o=>{n.checkedValues=o,h("change")},p=o=>{l.checkedValues=o,h("change")},m=(o,f)=>{o.filterData=o.data.filter(i=>i.key.indexOf(o.query)!==-1),f&&(f.allChecked=!1)},h=o=>{c.value=o};return()=>t.createVNode("div",{class:"devui-transfer"},[t.createVNode(_,{style:{height:e.height},sourceOption:n.filterData,title:e.titles[0],type:"source",search:e.isSearch,allChecked:n.allChecked,checkedNum:n.checkedNum,query:n.query,checkedValues:n.checkedValues,allCount:n.data.length,onChangeAllSource:o=>r(n,o),onUpdateCheckeds:u,onChangeQuery:o=>n.query=o},{header:G(a,"left"),body:ee(a,"left")}),t.createVNode(J,{disabled:e.disabled,sourceDisabled:!(l.checkedNum>0),targetDisabled:!(n.checkedNum>0),onUpdateSourceData:()=>{s(l,n)},onUpdateTargetData:()=>{s(n,l)}},{operation:Ye(a)}),t.createVNode(_,{style:{height:e.height},sourceOption:l.filterData,title:e.titles[1],type:"target",search:e.isSearch,allChecked:l.allChecked,checkedNum:l.checkedNum,query:l.query,checkedValues:l.checkedValues,allCount:l.data.length,onChangeAllSource:o=>r(l,o),onUpdateCheckeds:p,onChangeQuery:o=>l.query=o},{header:G(a,"right"),body:ee(a,"right")})])}});I.install=function(e){e.component(I.name,I)};var Ze={title:"Transfer \u7A7F\u68AD\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(e){e.use(I)}};g.Transfer=I,g.default=Ze,Object.defineProperty(g,"__esModule",{value:!0}),g[Symbol.toStringTag]="Module"});
|
package/transfer/package.json
DELETED
package/transfer/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:normal;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material .devui-checkbox-halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-no-animation{transition:none!important}.devui-checkbox-column-margin{height:28px;line-height:28px}.devui-checkbox-wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block}.devui-checkbox-list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox-list-inline div:not(:last-child){margin-right:20px}.devui-checkbox-list-inline>*{margin-top:8px}.devui-form-controls input[type=text],.devui-form-controls input[type=password],[dInput]{width:100%;height:28px;font-size:var(--devui-font-size, 12px)}.devui-form-controls input[type=text].devui-input-sm,.devui-form-controls input[type=password].devui-input-sm,[dInput].devui-input-sm{font-size:var(--devui-font-size-sm, 12px);height:26px}.devui-form-controls input[type=text].devui-input-lg,.devui-form-controls input[type=password].devui-input-lg,[dInput].devui-input-lg{font-size:var(--devui-font-size-lg, 14px);height:46px}[dTextArea]{width:100%}.devui-form-controls textarea,[dInput],[dTextarea]{box-sizing:border-box;padding:4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-form-controls textarea[disabled],.devui-form-controls textarea[disabled]:hover,.devui-form-controls textarea.disabled,.devui-form-controls textarea.disabled:hover,.devui-form-controls textarea.devui-disabled,.devui-form-controls textarea.devui-disabled:hover,[dInput][disabled],[dInput][disabled]:hover,[dInput].disabled,[dInput].disabled:hover,[dInput].devui-disabled,[dInput].devui-disabled:hover,[dTextarea][disabled],[dTextarea][disabled]:hover,[dTextarea].disabled,[dTextarea].disabled:hover,[dTextarea].devui-disabled,[dTextarea].devui-disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-controls textarea,[dTextarea]{width:100%}.devui-input-group{position:relative;display:table;border-collapse:separate}.devui-input-group-addon{border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);display:table-cell;padding:0 10px;text-align:center}.devui-input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.devui-input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.devui-input{outline:none;background-color:var(--devui-base-bg, #ffffff);border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);padding:5px 10px;line-height:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input[disabled],.devui-input[disabled]:hover,.devui-input[disabled]:focus,.devui-input[disabled]:hover:focus,.devui-input.disabled,.devui-input.disabled:hover,.devui-input.disabled:focus,.devui-input.disabled:hover:focus,.devui-input.devui-disabled,.devui-input.devui-disabled:hover,.devui-input.devui-disabled:focus,.devui-input.devui-disabled:hover:focus{border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-input::placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown{margin:0;border:none;padding:5px 26px 5px 10px;background-color:var(--devui-embed-search-bg, #f2f5fc);color:var(--devui-text, #252b3a)}.devui-input.devui-search-in-dropdown:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown:hover{background-color:var(--devui-embed-search-bg-hover, #eef0f5)}.devui-input-group>.devui-input{display:table-cell}.devui-input-group>.devui-input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-group>.devui-input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-group>.devui-input:not(:first-child):not(:last-child){border-radius:0}.devui-input-lg{font-size:var(--devui-font-size-page-title, 16px);line-height:20px;height:32px}.devui-input-sm{font-size:var(--devui-font-size, 12px);line-height:14px;height:26px}.devui-dropup,.devui-dropdown{position:relative}.devui-form-group{position:relative}.devui-form-control{color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);padding:5px 10px;border:1px solid var(--devui-form-control-line, #adb0b8);display:block;width:100%;height:28px;border-radius:var(--devui-border-radius, 2px);outline:0;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-control[disabled],.devui-form-control[disabled]:hover,.devui-form-control[disabled]:focus,.devui-form-control.disabled,.devui-form-control.disabled:hover,.devui-form-control.disabled:focus,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:focus{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control[disabled],.devui-form-control[disabled]>input,.devui-form-control[disabled]:hover,.devui-form-control[disabled]:hover>input,.devui-form-control[disabled]:focus,.devui-form-control[disabled]:focus>input,.devui-form-control.disabled,.devui-form-control.disabled>input,.devui-form-control.disabled:hover,.devui-form-control.disabled:hover>input,.devui-form-control.disabled:focus,.devui-form-control.disabled:focus>input,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled>input,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:hover>input,.devui-form-control.devui-disabled:focus,.devui-form-control.devui-disabled:focus>input{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-form-control:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-control:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border){border-color:var(--devui-form-control-line, #adb0b8);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):hover:not(:focus):not(.devui-dropdown-origin-open){border-color:var(--devui-form-control-line-hover, #575d6c)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus,:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus-within{outline:none;border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border).devui-dropdown-origin-open{outline:none;border-color:var(--devui-connected-overlay-line, #526ecc)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]){min-height:28px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled){color:var(--devui-text, #252b3a)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-input,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-form-control{height:26px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not(.devui-select-underlined-border):not(.devui-dropdown-no-border):not(.devui-no-border){border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:focus{border-color:transparent}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:focus{background-color:var(--devui-disabled-bg, #f5f5f6)}input::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}input:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}input::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}[dDatePicker]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{background-color:var(--devui-danger-bg, #ffeeed)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown{border-color:var(--devui-danger-line, #f66f6a)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback{background-color:var(--devui-danger-bg, #ffeeed)}d-editable-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-form-group:not(.multiple-label-auto-complete-disabled) input.devui-form-control.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled){border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled).multiple-label-auto-complete.multiple-label-auto-complete-border ul.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input[dAutoComplete]{background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) div.devui-tags.devui-form-control{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input.devui-input{background-color:var(--devui-danger-bg, #ffeeed)}d-tree-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled)>div.devui-select-input.devui-dropdown-origin.devui-tree-select-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-search:not([disabled]):not(.disabled):not(.devui-disabled).devui-error input.devui-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-editor-md:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a)}d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-toolbar,d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-container{border-color:var(--devui-danger-line, #f66f6a)}d-form-control d-search{width:100%}.devui-form-controls.devui-form-control-has-suffix [dInput],.devui-form-controls.devui-form-control-has-suffix [dTextArea]{padding-right:28px}.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextArea]{padding-right:56px}.devui-form-controls.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-feedback [dTextarea]{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-icon{right:24px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-icon-left{padding-right:30px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-sm{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-sm{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-lg{padding-right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-lg{padding-right:95px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-select-input{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-tree-select{vertical-align:middle}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-input.devui-tree-select-input{padding-right:52px}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-chevron-icon{right:34px}.devui-form-controls.devui-form-control-has-feedback d-input-number{width:100%}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-control-buttons{right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-box{padding-right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number:hover .input-box:not(.disabled){padding-right:58px}.devui-form-controls.devui-form-control-has-feedback d-tags-input .devui-tags{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-multi-auto-complete .multiple-label-auto-complete ul{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-editable-select .devui-form-group.devui-has-feedback>.devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-editable-select>div>.devui-form-control{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback [dDatePicker].devui-form-control{padding-right:32px}.devui-input__wrap{position:relative;display:flex;justify-content:"space-between";align-items:center}.devui-input__preview{position:absolute;width:32px;height:16px;right:0;text-align:center;line-height:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-search{position:relative;display:flex;justify-content:center;align-items:center}.devui-search input{padding:5px 60px 5px 10px}.devui-search svg.svg-icon-clear path,.devui-search svg.svg-icon-search path{fill:var(--devui-icon-text, #252b3a)}.devui-search__clear{position:absolute;right:36px;cursor:pointer;font-size:10px;width:30px;height:100%;display:flex;justify-content:center;align-items:center}.devui-search__clear:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:46%;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-search__icon{pointer-events:all;cursor:pointer;padding:0 10px;position:absolute;z-index:1;right:0;top:0;font-size:16px;width:36px;height:28px;display:flex;justify-content:center;align-items:center}.devui-search__sm input.devui-input-sm{padding-right:56px}.devui-search__sm .devui-search__icon{font-size:14px;width:34px;height:26px}.devui-search__sm .devui-search__clear{width:26px;height:100%;right:34px}.devui-search__lg input{padding:5px 36px 5px 10px}.devui-search__lg input.devui-input-lg{padding-right:71px}.devui-search__lg .devui-search__icon{font-size:18px;width:46px;height:46px}.devui-search__lg .devui-search__clear{width:30px;height:100%;right:46px}.devui-search__disbaled .devui-search__icon{cursor:not-allowed}.devui-search__disbaled .icon-search{color:var(--devui-disabled-text, #adb0b8)!important}.devui-search__left input{padding:5px 26px 5px 30px}.devui-search__left input.devui-input-lg{padding-right:30px;padding-left:46px}.devui-search__left input.devui-input-sm{padding-right:26px}.devui-search__left .devui-search__clear{right:0}.devui-search__left .devui-search__clear:after{display:none}.devui-search__left .devui-search__icon{left:0}.devui-search__no-border input{border:none}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.devui-btn{padding:3px 20px;font-size:var(--devui-font-size-md, 12px);height:28px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);border-width:1px;border-color:transparent;background-color:transparent}.devui-btn.devui-btn-text{color:var(--devui-brand-active, #526ecc);padding:0}.devui-btn.devui-btn-text-dark{color:var(--devui-brand-active, #526ecc);padding:0}.devui-btn.devui-btn-common{color:var(--devui-text, #252b3a);min-width:64px;background-color:var(--devui-block, #ffffff);border-color:var(--devui-line, #adb0b8)}.devui-btn.devui-btn-stress{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #5e7ce0)}.devui-btn.devui-btn-primary{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #5e7ce0)}.devui-btn.devui-btn-danger{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-contrast, #f66f6a)}.devui-btn.devui-btn-left{border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-btn.devui-btn-right{border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0}.devui-btn.devui-btn-xs{padding:1px 5px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn.devui-btn-sm{padding:1px 15px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn.devui-btn-lg{padding:5px 23px;height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-text:hover{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text:focus{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text:active{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:hover{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:focus{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:active{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-common:hover{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-common:focus{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-common:active{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-stress:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-stress:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-stress:active{background-color:var(--devui-primary-active, #344899)}.devui-btn.devui-btn-primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-primary:active{background-color:var(--devui-primary-active, #344899)}.devui-btn.devui-btn-danger:hover{background-color:var(--devui-contrast-hover, #ff8b87)}.devui-btn.devui-btn-danger:focus{background-color:var(--devui-contrast-hover, #ff8b87)}.devui-btn.devui-btn-danger:active{background-color:var(--devui-contrast-active, #de504e)}.devui-btn.devui-btn-common:disabled{color:var(--devui-disabled-text, #adb0b8);background:var(--devui-disabled-bg, #f5f5f6);border:1px solid var(--devui-disabled-line, #dfe1e6)}.devui-btn.devui-btn-primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-btn.devui-btn-danger:disabled{color:var(--devui-disabled-text, #adb0b8);background:var(--devui-disabled-bg, #f5f5f6);border:1px solid var(--devui-disabled-line, #dfe1e6)}.devui-btn.devui-btn-text-dark:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn.devui-btn-text:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn.bordered.devui-btn-common{color:var(--devui-text, #252b3a);border-color:transparent}.devui-btn.bordered.devui-btn-common:hover,.devui-btn.bordered.devui-btn-common:focus{border-color:var(--devui-primary-hover, #7693f5)}.devui-btn.bordered.devui-btn-common:active{border-color:var(--devui-primary-active, #344899)}.devui-btn.bordered.devui-btn-stress,.devui-btn.bordered.devui-btn-primary{border-color:var(--devui-brand, #5e7ce0);color:var(--devui-brand, #5e7ce0);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-success{border-color:var(--devui-success, #50d4ab);color:var(--devui-success, #50d4ab);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-warning{border-color:var(--devui-warning, #fac20a);color:var(--devui-warning, #fac20a);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-danger{border-color:var(--devui-danger, #f66f6a);color:var(--devui-danger, #f66f6a);background-color:var(--devui-block, #ffffff)}.devui-btn.d-btn-icon:hover,.devui-btn.d-btn-icon:focus{border:1px solid var(--devui-list-item-hover-bg, #f2f5fc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-btn.d-btn-icon:disabled{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap{color:var(--devui-text, #252b3a)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-btn-host{display:inline-block}.devui-btn{transition:background-color .2s;border-style:solid;white-space:nowrap;display:flex;align-items:center;justify-content:center}.devui-btn:disabled,.devui-btn[disabled]{cursor:not-allowed}.devui-btn.d-btn-icon{padding:7px 8px;line-height:1em;border:1px solid transparent}.devui-btn.d-btn-icon.devui-btn-xs,.devui-btn.d-btn-icon.devui-btn-sm{padding:5px}.devui-btn.d-btn-icon.devui-btn-xs{min-width:24px}.devui-btn.d-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.d-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.d-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.d-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.devui-btn.devui-btn-common:not(:disabled) .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn.devui-btn-common:not(:disabled):hover .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):active .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):focus .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.devui-transfer{display:flex}.devui-transfer-panel{width:300px;border:1px solid #adb0b8;border-radius:2px}.devui-transfer-panel-header{display:flex;justify-content:space-between;height:40px;line-height:40px;border-bottom:1px solid #dfe1e6}.devui-transfer-panel-header-allChecked{display:flex;margin-left:20px}.devui-transfer-panel-header-num{margin-right:12px}.devui-transfer-panel-body{height:100%}.devui-transfer-panel-body-search{height:42px;display:flex;justify-content:center;width:calc(100% - 40px);align-items:center;margin:0 auto}.devui-transfer-panel-body-search .devui-search,.devui-transfer-panel-body-search .devui-input__wrap{width:100%}.devui-transfer-panel-body-list{overflow:auto;height:calc(100% - 40px - 42px);width:100%}.devui-transfer-panel-body-list-item{margin:0 20px;height:36px;line-height:36px}.devui-transfer-panel-body-list-empty{height:100%;display:flex;justify-content:center;align-items:center;color:var(--devui-disabled-text, #adb0b8)}.devui-transfer-panel-operation{width:10%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.devui-transfer-panel-operation-group{width:36px}.devui-transfer-panel-operation-group-left .devui-btn,.devui-transfer-panel-operation-group-right .devui-btn{width:36px;height:36px;border-radius:50%;padding:0;min-width:36px!important}.devui-transfer-panel-operation-group-right{margin-top:12px}
|
package/tree-select/index.es.js
DELETED
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
import { defineComponent, ref, reactive, toRefs, computed, createVNode, resolveComponent, Fragment } from "vue";
|
|
2
|
-
var treeSelect = "";
|
|
3
|
-
const treeSelectProps = {
|
|
4
|
-
modelValue: {
|
|
5
|
-
type: [String, Number, Array],
|
|
6
|
-
default: ""
|
|
7
|
-
},
|
|
8
|
-
treeData: {
|
|
9
|
-
type: Array,
|
|
10
|
-
default: () => []
|
|
11
|
-
},
|
|
12
|
-
placeholder: {
|
|
13
|
-
type: String,
|
|
14
|
-
default: "\u8BF7\u9009\u62E9"
|
|
15
|
-
},
|
|
16
|
-
disabled: {
|
|
17
|
-
type: Boolean,
|
|
18
|
-
default: false
|
|
19
|
-
},
|
|
20
|
-
expandTree: {
|
|
21
|
-
type: Boolean,
|
|
22
|
-
default: false
|
|
23
|
-
},
|
|
24
|
-
multiple: {
|
|
25
|
-
type: Boolean,
|
|
26
|
-
default: false
|
|
27
|
-
},
|
|
28
|
-
leafOnly: {
|
|
29
|
-
type: Boolean,
|
|
30
|
-
default: false
|
|
31
|
-
},
|
|
32
|
-
searchable: {
|
|
33
|
-
type: Boolean,
|
|
34
|
-
default: false
|
|
35
|
-
},
|
|
36
|
-
allowClear: {
|
|
37
|
-
type: Boolean,
|
|
38
|
-
default: false
|
|
39
|
-
},
|
|
40
|
-
onToggleChange: {
|
|
41
|
-
type: Function,
|
|
42
|
-
default: void 0
|
|
43
|
-
},
|
|
44
|
-
onValueChange: {
|
|
45
|
-
type: Function,
|
|
46
|
-
default: void 0
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
function className(classStr, classOpt) {
|
|
50
|
-
let classname = classStr;
|
|
51
|
-
if (typeof classOpt === "object") {
|
|
52
|
-
Object.keys(classOpt).forEach((key) => {
|
|
53
|
-
classOpt[key] && (classname += ` ${key}`);
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
return classname;
|
|
57
|
-
}
|
|
58
|
-
var TreeSelect = defineComponent({
|
|
59
|
-
name: "DTreeSelect",
|
|
60
|
-
props: treeSelectProps,
|
|
61
|
-
emits: ["toggleChange", "valueChange", "update:modelValue"],
|
|
62
|
-
setup(props, ctx) {
|
|
63
|
-
const visible = ref(false);
|
|
64
|
-
const origin = ref();
|
|
65
|
-
const position = reactive({
|
|
66
|
-
originX: "left",
|
|
67
|
-
originY: "bottom",
|
|
68
|
-
overlayX: "left",
|
|
69
|
-
overlayY: "top"
|
|
70
|
-
});
|
|
71
|
-
const inputValue = ref("");
|
|
72
|
-
const {
|
|
73
|
-
treeData
|
|
74
|
-
} = toRefs(props);
|
|
75
|
-
const mergeClearable = computed(() => {
|
|
76
|
-
return !props.disabled && props.allowClear && inputValue.value.length > 0;
|
|
77
|
-
});
|
|
78
|
-
function toggleChange() {
|
|
79
|
-
if (props.disabled)
|
|
80
|
-
return;
|
|
81
|
-
visible.value = !visible.value;
|
|
82
|
-
ctx.emit("toggleChange", visible.value);
|
|
83
|
-
}
|
|
84
|
-
function valueChange(data) {
|
|
85
|
-
if (data.isOpen !== void 0) {
|
|
86
|
-
data.isOpen = !data.isOpen;
|
|
87
|
-
} else {
|
|
88
|
-
inputValue.value = data.label;
|
|
89
|
-
visible.value = false;
|
|
90
|
-
ctx.emit("update:modelValue", data.label);
|
|
91
|
-
ctx.emit("toggleChange", visible.value);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
function handleClear(e) {
|
|
95
|
-
e.preventDefault();
|
|
96
|
-
e.stopPropagation();
|
|
97
|
-
if (props.multiple) {
|
|
98
|
-
ctx.emit("update:modelValue", []);
|
|
99
|
-
} else {
|
|
100
|
-
ctx.emit("update:modelValue", "");
|
|
101
|
-
inputValue.value = "";
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
return {
|
|
105
|
-
visible,
|
|
106
|
-
origin,
|
|
107
|
-
position,
|
|
108
|
-
inputValue,
|
|
109
|
-
mergeClearable,
|
|
110
|
-
treeData,
|
|
111
|
-
handleClear,
|
|
112
|
-
toggleChange,
|
|
113
|
-
valueChange
|
|
114
|
-
};
|
|
115
|
-
},
|
|
116
|
-
render() {
|
|
117
|
-
const {
|
|
118
|
-
origin,
|
|
119
|
-
position,
|
|
120
|
-
inputValue,
|
|
121
|
-
mergeClearable,
|
|
122
|
-
treeData,
|
|
123
|
-
placeholder,
|
|
124
|
-
disabled,
|
|
125
|
-
handleClear,
|
|
126
|
-
toggleChange,
|
|
127
|
-
valueChange
|
|
128
|
-
} = this;
|
|
129
|
-
const treeSelectCls = className("devui-tree-select", {
|
|
130
|
-
"devui-tree-select-open": this.visible,
|
|
131
|
-
"devui-tree-select-disabled": disabled
|
|
132
|
-
});
|
|
133
|
-
const renderNode = (item) => createVNode("div", {
|
|
134
|
-
"class": "devui-tree-select-item",
|
|
135
|
-
"style": {
|
|
136
|
-
paddingLeft: `${20 * (item.level - 1)}px`
|
|
137
|
-
},
|
|
138
|
-
"onClick": (e) => {
|
|
139
|
-
e.preventDefault();
|
|
140
|
-
e.stopPropagation();
|
|
141
|
-
valueChange(item);
|
|
142
|
-
}
|
|
143
|
-
}, [item.children ? createVNode("span", {
|
|
144
|
-
"class": ["devui-tree-select-arrow-expand", item.isOpen ? "devui-tree-select-arrow-open" : ""]
|
|
145
|
-
}, [createVNode(resolveComponent("d-icon"), {
|
|
146
|
-
"name": "select-arrow"
|
|
147
|
-
}, null)]) : createVNode("span", null, ["\xA0\xA0\xA0"]), item.label]);
|
|
148
|
-
const renderTree = (treeData2) => {
|
|
149
|
-
return treeData2.map((item) => {
|
|
150
|
-
if (item.children) {
|
|
151
|
-
return createVNode(Fragment, null, [renderNode(item), item.isOpen && renderTree(item.children)]);
|
|
152
|
-
}
|
|
153
|
-
return renderNode(item);
|
|
154
|
-
});
|
|
155
|
-
};
|
|
156
|
-
return createVNode("div", {
|
|
157
|
-
"class": treeSelectCls
|
|
158
|
-
}, [createVNode("div", {
|
|
159
|
-
"class": mergeClearable ? "devui-tree-select-clearable" : "",
|
|
160
|
-
"ref": "origin",
|
|
161
|
-
"onClick": toggleChange
|
|
162
|
-
}, [createVNode("input", {
|
|
163
|
-
"value": inputValue,
|
|
164
|
-
"type": "text",
|
|
165
|
-
"class": "devui-tree-select-input",
|
|
166
|
-
"placeholder": placeholder,
|
|
167
|
-
"readonly": true,
|
|
168
|
-
"disabled": disabled
|
|
169
|
-
}, null), createVNode("span", {
|
|
170
|
-
"onClick": handleClear,
|
|
171
|
-
"class": "devui-tree-select-clear"
|
|
172
|
-
}, [createVNode(resolveComponent("d-icon"), {
|
|
173
|
-
"name": "close"
|
|
174
|
-
}, null)]), createVNode("span", {
|
|
175
|
-
"class": "devui-tree-select-arrow"
|
|
176
|
-
}, [createVNode(resolveComponent("d-icon"), {
|
|
177
|
-
"name": "select-arrow"
|
|
178
|
-
}, null)])]), createVNode(resolveComponent("d-flexible-overlay"), {
|
|
179
|
-
"origin": origin,
|
|
180
|
-
"visible": this.visible,
|
|
181
|
-
"onUpdate:visible": ($event) => this.visible = $event,
|
|
182
|
-
"position": position
|
|
183
|
-
}, {
|
|
184
|
-
default: () => [createVNode("div", {
|
|
185
|
-
"class": "devui-tree-select-dropdown"
|
|
186
|
-
}, [createVNode("ul", {
|
|
187
|
-
"class": "devui-tree-select-dropdown-list"
|
|
188
|
-
}, [renderTree(treeData)])])]
|
|
189
|
-
})]);
|
|
190
|
-
}
|
|
191
|
-
});
|
|
192
|
-
TreeSelect.install = function(app) {
|
|
193
|
-
app.component(TreeSelect.name, TreeSelect);
|
|
194
|
-
};
|
|
195
|
-
var index = {
|
|
196
|
-
title: "TreeSelect \u6811\u5F62\u9009\u62E9\u6846",
|
|
197
|
-
category: "\u6570\u636E\u5F55\u5165",
|
|
198
|
-
status: void 0,
|
|
199
|
-
install(app) {
|
|
200
|
-
app.use(TreeSelect);
|
|
201
|
-
}
|
|
202
|
-
};
|
|
203
|
-
export { TreeSelect, index as default };
|
package/tree-select/index.umd.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(o,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis!="undefined"?globalThis:o||self,e(o.index={},o.Vue))})(this,function(o,e){"use strict";var V="";const b={modelValue:{type:[String,Number,Array],default:""},treeData:{type:Array,default:()=>[]},placeholder:{type:String,default:"\u8BF7\u9009\u62E9"},disabled:{type:Boolean,default:!1},expandTree:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},leafOnly:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},onToggleChange:{type:Function,default:void 0},onValueChange:{type:Function,default:void 0}};function y(l,t){let a=l;return typeof t=="object"&&Object.keys(t).forEach(d=>{t[d]&&(a+=` ${d}`)}),a}var u=e.defineComponent({name:"DTreeSelect",props:b,emits:["toggleChange","valueChange","update:modelValue"],setup(l,t){const a=e.ref(!1),d=e.ref(),p=e.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),s=e.ref(""),{treeData:c}=e.toRefs(l),f=e.computed(()=>!l.disabled&&l.allowClear&&s.value.length>0);function g(){l.disabled||(a.value=!a.value,t.emit("toggleChange",a.value))}function m(n){n.isOpen!==void 0?n.isOpen=!n.isOpen:(s.value=n.label,a.value=!1,t.emit("update:modelValue",n.label),t.emit("toggleChange",a.value))}function h(n){n.preventDefault(),n.stopPropagation(),l.multiple?t.emit("update:modelValue",[]):(t.emit("update:modelValue",""),s.value="")}return{visible:a,origin:d,position:p,inputValue:s,mergeClearable:f,treeData:c,handleClear:h,toggleChange:g,valueChange:m}},render(){const{origin:l,position:t,inputValue:a,mergeClearable:d,treeData:p,placeholder:s,disabled:c,handleClear:f,toggleChange:g,valueChange:m}=this,h=y("devui-tree-select",{"devui-tree-select-open":this.visible,"devui-tree-select-disabled":c}),n=r=>e.createVNode("div",{class:"devui-tree-select-item",style:{paddingLeft:`${20*(r.level-1)}px`},onClick:i=>{i.preventDefault(),i.stopPropagation(),m(r)}},[r.children?e.createVNode("span",{class:["devui-tree-select-arrow-expand",r.isOpen?"devui-tree-select-arrow-open":""]},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow"},null)]):e.createVNode("span",null,["\xA0\xA0\xA0"]),r.label]),v=r=>r.map(i=>i.children?e.createVNode(e.Fragment,null,[n(i),i.isOpen&&v(i.children)]):n(i));return e.createVNode("div",{class:h},[e.createVNode("div",{class:d?"devui-tree-select-clearable":"",ref:"origin",onClick:g},[e.createVNode("input",{value:a,type:"text",class:"devui-tree-select-input",placeholder:s,readonly:!0,disabled:c},null),e.createVNode("span",{onClick:f,class:"devui-tree-select-clear"},[e.createVNode(e.resolveComponent("d-icon"),{name:"close"},null)]),e.createVNode("span",{class:"devui-tree-select-arrow"},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow"},null)])]),e.createVNode(e.resolveComponent("d-flexible-overlay"),{origin:l,visible:this.visible,"onUpdate:visible":r=>this.visible=r,position:t},{default:()=>[e.createVNode("div",{class:"devui-tree-select-dropdown"},[e.createVNode("ul",{class:"devui-tree-select-dropdown-list"},[v(p)])])]})])}});u.install=function(l){l.component(u.name,u)};var C={title:"TreeSelect \u6811\u5F62\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:void 0,install(l){l.use(u)}};o.TreeSelect=u,o.default=C,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});
|
package/tree-select/package.json
DELETED
package/tree-select/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.devui-tree-select{position:relative;width:100%}.devui-tree-select-disabled{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-tree-select-disabled .devui-tree-select-input{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-tree-select-disabled .devui-tree-select-arrow{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-tree-select-open .devui-tree-select-arrow{transform:rotate(180deg)}.devui-tree-select-input{cursor:pointer;width:100%;height:28px;padding:4px 28px 4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff)}.devui-tree-select-dropdown{border-radius:var(--devui-border-radius, 2px);background:var(--devui-base-bg, #ffffff);box-shadow:0 2px 5px 0 var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-tree-select-dropdown-list{max-height:300px;overflow-y:auto;padding:0;margin:0}.devui-tree-select-item{font-size:16px;display:block;min-height:36px;line-height:1.5;width:100%;padding:10px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;color:var(--devui-text, #252b3a);cursor:pointer}.devui-tree-select-item:hover:not(.active):not(.disabled){color:var(--devui-list-item-hover-text, #526ecc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tree-select-clearable:hover .devui-tree-select-clear{display:inline-flex}.devui-tree-select-clearable:hover .devui-tree-select-arrow{display:none}.devui-tree-select-clear,.devui-tree-select-arrow{position:absolute;right:0;height:100%;width:28px;display:inline-flex;justify-content:center;align-items:center}.devui-tree-select-clear{display:none}.devui-tree-select-clear:hover{cursor:pointer;color:var(--devui-icon-fill-active, #5e7ce0)}.devui-tree-select-arrow-expand{display:inline-flex;justify-content:center;align-items:center;transform:rotate(270deg)}.devui-tree-select-arrow-open{transform:rotate(0)}
|