@dao-style/core 0.5.0 → 0.5.2

package/dist/components/dropdown/dropdown.vue.d.ts

@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noAnimation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     realTrigger: import("vue").ComputedRef<"manual" | PopperTrigger | PopperTrigger[]>;
     realOffset: import("vue").ComputedRef<number>;
@@ -35,17 +39,20 @@ declare const _default: import("vue").DefineComponent<{
     placement?: unknown;
     offset?: unknown;
     visible?: unknown;
+    noAnimation?: unknown;
 } & {
     offset: number;
     placement: Placement;
     appendTo: string | false | HTMLElement;
     trigger: "manual" | PopperTrigger | PopperTrigger[];
     visible: boolean;
+    noAnimation: boolean;
 } & {}>, {
     offset: number;
     placement: Placement;
     appendTo: string | false | HTMLElement;
     trigger: "manual" | PopperTrigger | PopperTrigger[];
     visible: boolean;
+    noAnimation: boolean;
 }>;
 export default _default;

package/dist/components/form/form-item.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    wrapperType: {
+        type: import("vue").PropType<"text" | "footer" | "switch" | "radio" | "checkbox" | undefined>;
+        default: undefined;
+    };
     paddingTop: {
         type: import("vue").PropType<string | number>;
         default: number;
@@ -39,9 +43,23 @@ declare const _default: import("vue").DefineComponent<{
         'is-required': boolean;
     }>;
     showLabel: import("vue").ComputedRef<string | boolean | import("vue").Slot>;
+    formClassNames: {
+        readonly text: {
+            readonly helper: "dao-form-item__helper-text";
+            readonly error: "dao-form-item__error-message";
+        };
+        readonly wrapper: {
+            readonly text: "dao-form-item__text-wrapper";
+            readonly radio: "dao-form-item__radio-wrapper";
+            readonly checkbox: "dao-form-item__checkbox-wrapper";
+            readonly switch: "dao-form-item__switch-wrapper";
+            readonly footer: "dao-form-item__footer-wrapper";
+        };
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     label?: unknown;
     required?: unknown;
+    wrapperType?: unknown;
     paddingTop?: unknown;
     paddingBottom?: unknown;
     labelWidth?: unknown;
@@ -53,10 +71,13 @@ declare const _default: import("vue").DefineComponent<{
     paddingTop: string | number;
     paddingBottom: string | number;
     iconMessage: string;
-} & {}>, {
+} & {
+    wrapperType?: "text" | "footer" | "switch" | "radio" | "checkbox" | undefined;
+}>, {
     required: boolean;
     label: string;
     labelWidth: string;
+    wrapperType: "text" | "footer" | "switch" | "radio" | "checkbox" | undefined;
     paddingTop: string | number;
     paddingBottom: string | number;
     iconMessage: string;

package/dist/components/form/type.d.ts

@@ -37,6 +37,10 @@ export declare const formItemProps: {
         type: PropType<boolean>;
         default: boolean;
     };
+    wrapperType: {
+        type: PropType<"text" | "footer" | "switch" | "radio" | "checkbox" | undefined>;
+        default: undefined;
+    };
     paddingTop: {
         type: PropType<string | number>;
         default: number;

package/dist/dao-style.es.js

@@ -575,6 +575,8 @@ const navSubKey = Symbol("subNav");
 const breadcrumbKey = Symbol("breadcrumbKey");
 const ToggleItemKey = Symbol("toggleItem");
 const ExpansionStateKey = Symbol("expansionProps");
+const DialogConfirmKey = Symbol("dialogConfirm");
+const DialogCancelKey = Symbol("dialogCancel");
 var checkbox_vue_vue_type_style_index_0_lang = "";
 const modelValueAny = [String, Number, Boolean, BigInt, Symbol, Object, Set, Array];
 function getUnrefItem(set, item) {
@@ -3112,6 +3114,8 @@ const _sfc_main$C = defineComponent({
         onAfterLeave();
       }
     });
+    provide(DialogConfirmKey, onConfirm);
+    provide(DialogCancelKey, onCancel);
     return {
       computedPaddingTop,
       computedPaddingBottom,
@@ -3170,7 +3174,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
               renderSlot(_ctx.$slots, "after-title")
             ]),
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "header")
+              renderSlot(_ctx.$slots, "header", { onCancel: _ctx.onCancel })
             ]),
             _: 3
           }, 8, ["title", "show-close", "onClose"])) : createCommentVNode("", true),
@@ -3187,7 +3191,10 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
             onCancel: _ctx.onCancel
           }, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "footer")
+              renderSlot(_ctx.$slots, "footer", {
+                onConfirm: _ctx.onConfirm,
+                onCancel: _ctx.onCancel
+              })
             ]),
             _: 3
           }, 8, ["text-confirm", "text-cancel", "confirm-disabled", "confirm-loading", "onConfirm", "onCancel"])) : createCommentVNode("", true)
@@ -3272,7 +3279,8 @@ const _sfc_main$B = defineComponent({
   name: "DaoDrawer",
   components: {
     DaoButton,
-    DaoActionIcon
+    DaoActionIcon,
+    DaoEllipsis
   },
   props: drawerProps,
   emits: ["update:modelValue", "close", "confirm"],
@@ -3398,6 +3406,7 @@ const _hoisted_5$7 = {
 };
 const _hoisted_6$5 = { class: "dao-drawer__footer-group" };
 function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dao_ellipsis = resolveComponent("dao-ellipsis");
   const _component_dao_action_icon = resolveComponent("dao-action-icon");
   const _component_dao_button = resolveComponent("dao-button");
   return openBlock(), createElementBlock("div", null, [
@@ -3433,7 +3442,12 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
               !_ctx.hideHeader ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
                 renderSlot(_ctx.$slots, "header", {}, () => [
                   createElementVNode("div", _hoisted_3$b, [
-                    createElementVNode("span", null, toDisplayString(_ctx.title), 1),
+                    createVNode(_component_dao_ellipsis, { class: "dao-drawer__header--title-main" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.title), 1)
+                      ]),
+                      _: 1
+                    }),
                     !_ctx.hideCloseIcon ? (openBlock(), createBlock(_component_dao_action_icon, {
                       key: 0,
                       class: "dao-action-icon--close",
@@ -3509,6 +3523,10 @@ const _sfc_main$A = defineComponent({
     visible: {
       type: Boolean,
       default: false
+    },
+    noAnimation: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props) {
@@ -3550,7 +3568,8 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     "visible-arrow": false,
     offset: _ctx.realOffset,
     "model-value": _ctx.visible,
-    transition: "dao-fade-slide-default"
+    transition: _ctx.noAnimation ? "" : "dao-fade-slide-default",
+    delay: _ctx.noAnimation ? 0 : void 0
   }, {
     content: withCtx(() => [
       renderSlot(_ctx.$slots, "menu")
@@ -3561,7 +3580,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     _: 3
-  }, 8, ["placement", "append-to", "trigger", "offset", "model-value"]);
+  }, 8, ["placement", "append-to", "trigger", "offset", "model-value", "transition", "delay"]);
 }
 var DaoDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$z]]);
 var dropdownMenu_vue_vue_type_style_index_0_lang = "";
@@ -3979,6 +3998,10 @@ const formItemProps = {
     type: Boolean,
     default: false
   },
+  wrapperType: {
+    type: String,
+    default: void 0
+  },
   paddingTop: {
     type: [Number, String],
     default: 0
@@ -4055,7 +4078,8 @@ const _sfc_main$u = defineComponent({
       labelStyle,
       contentStyle,
       formItemClass,
-      showLabel
+      showLabel,
+      formClassNames
     };
   }
 });
@@ -4097,7 +4121,12 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
       class: "dao-form-item__content",
       style: normalizeStyle(_ctx.contentStyle)
     }, [
-      renderSlot(_ctx.$slots, "default")
+      _ctx.wrapperType ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.formClassNames.wrapper[_ctx.wrapperType])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2)) : renderSlot(_ctx.$slots, "default", { key: 1 })
     ], 4)
   ], 2);
 }
@@ -6859,7 +6888,7 @@ const _sfc_main$8 = defineComponent({
     const daoInputSearchRef = ref();
     const type = computed(() => searchText.value.includes(":") ? "value" : "key");
     const searchKey = computed(() => searchText.value.split(":")[0]);
-    const searchValue = computed(() => searchText.value.split(":")[1].trim());
+    const searchValue = computed(() => searchText.value.slice(searchText.value.indexOf(":") + 1).trim());
     const selectedKey = computed(() => {
       if (type.value === "key") {
         return void 0;
@@ -6870,8 +6899,6 @@ const _sfc_main$8 = defineComponent({
       emit("search");
       searchText.value = "";
       visible.value = false;
-      daoInputSearchRef.value.input.focus();
-      daoInputSearchRef.value.input.click();
     };
     const singleHasChose = (searchOption) => {
       var _a2;
@@ -7024,7 +7051,8 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     "append-to": false,
     trigger: "manual",
     visible: _ctx.visible && !!(_ctx.filteredKeys.length || _ctx.filteredValues.length),
-    placement: "bottom-start"
+    placement: "bottom-start",
+    "no-animation": ""
   }, {
     menu: withCtx(() => [
       createVNode(_component_dao_dropdown_menu, null, {
@@ -7244,7 +7272,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128))
         ], 64);
       }), 128)),
-      createElementVNode("span", {
+      createElementVNode("div", {
         class: "dao-toolbar__clear",
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.clearFilter && _ctx.clearFilter(...args))
       }, toDisplayString(_ctx.t("core.toolbar.clear")), 1)
@@ -8135,8 +8163,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode(_component_dao_checkbox, {
                 checked: _ctx.global.checked,
                 indeterminate: _ctx.global.indeterminate,
+                disabled: !_ctx.selectableRows.size,
                 onChange: _ctx.toggleSelectedAll
-              }, null, 8, ["checked", "indeterminate", "onChange"])
+              }, null, 8, ["checked", "indeterminate", "disabled", "onChange"])
             ])) : createCommentVNode("", true),
             _ctx.expandable ? (openBlock(), createElementBlock("th", _hoisted_6)) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filterColumns, (column) => {
@@ -9301,4 +9330,4 @@ var index = {
   install,
   locale
 };
-export { DaoActionIcon as ActionIcon, breadcrumb as Breadcrumb, DaoBreadcrumbItem as BreadcrumbItem, DaoButton as Button, buttonGroup as ButtonGroup, card as Card, cardItem as CardItem, DaoCheckbox as Checkbox, checkboxGroup as CheckboxGroup, DaoBatchBar, DaoEllipsis, dialog as Dialog, DialogFooter, DialogHeader, drawer as Drawer, DaoDropdown as Dropdown, DaoDropdownItem as DropdownItem, DaoDropdownMenu as DropdownMenu, errorText as ErrorText, expansion as Expansion, expansionItem as ExpansionItem, form as Form, formGroup as FormGroup, formItem as FormItem, header as Header, helperText as HelperText, DaoIcon as Icon, DaoInput as Input, message as Message, nav as Nav, navHead as NavHead, navItem as NavItem, navSub as NavSub, DaoOption as Option, DaoPagination as Pagination, _sfc_main$G as Popover, DaoPopper as Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$4 as TabNav, table as Table, tabs as Tabs, DaoTag as Tag, _sfc_main$Q as TextButton, DaoToolbar as Toolbar, _sfc_main$H as Tooltip, transfer as Transfer, transferPanel as TransferPanel, index as default, formClassNames, formItemProps, formKey, formProps };
+export { DaoActionIcon as ActionIcon, breadcrumb as Breadcrumb, DaoBreadcrumbItem as BreadcrumbItem, DaoButton as Button, buttonGroup as ButtonGroup, card as Card, cardItem as CardItem, DaoCheckbox as Checkbox, checkboxGroup as CheckboxGroup, DaoBatchBar, DaoEllipsis, dialog as Dialog, DialogCancelKey, DialogConfirmKey, DialogFooter, DialogHeader, drawer as Drawer, DaoDropdown as Dropdown, DaoDropdownItem as DropdownItem, DaoDropdownMenu as DropdownMenu, errorText as ErrorText, expansion as Expansion, expansionItem as ExpansionItem, ExpansionStateKey, form as Form, formGroup as FormGroup, formItem as FormItem, header as Header, helperText as HelperText, DaoIcon as Icon, DaoInput as Input, message as Message, nav as Nav, navHead as NavHead, navItem as NavItem, navSub as NavSub, DaoOption as Option, DaoPagination as Pagination, _sfc_main$G as Popover, DaoPopper as Popper, progress as Progress, radio as Radio, radioGroup as RadioGroup, DaoSelect as Select, _switch as Switch, tabItem as TabItem, _sfc_main$4 as TabNav, table as Table, tabs as Tabs, DaoTag as Tag, _sfc_main$Q as TextButton, ToggleItemKey, DaoToolbar as Toolbar, _sfc_main$H as Tooltip, transfer as Transfer, transferPanel as TransferPanel, addTabFnKey, breadcrumbKey, checkboxGroupChangeFnKey, checkboxGroupModelValueKey, checkboxUpdateGroupModelValueFnKey, index as default, formClassNames, formItemProps, formKey, formProps, navRootKey, navSubKey, placements$2 as placements, radioGroupKey, removeTabFnKey, tabModelValueKey };