@dao-style/core 0.5.3 → 0.6.0

package/dist/components/checkbox/props.d.ts

@@ -1 +1 @@
-export declare type ModelValueAnyType = string | number | boolean | bigint | symbol | Record<string | symbol, unknown> | unknown[] | Set<unknown>;
+export declare type ModelValueAnyType = string | number | boolean | symbol | Record<string | symbol, unknown> | unknown[] | Set<unknown>;

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

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"normal" | "full">;
+        default: string;
+        validator: (value: "normal" | "full") => boolean;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+    helper: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}, {
+    formattedTitle: import("vue").ComputedRef<string>;
+    titleClassName: string;
+    helperClassName: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    type?: unknown;
+    title?: unknown;
+    helper?: unknown;
+} & {
+    type: "normal" | "full";
+} & {
+    title?: string | undefined;
+    helper?: string | undefined;
+}>, {
+    type: "normal" | "full";
+    title: string;
+    helper: string;
+}>;
+export default _default;

package/dist/components/empty/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DaoEmpty } from './empty.vue';
+export * from './types';

package/dist/components/empty/test/empty.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/empty/types.d.ts

@@ -0,0 +1,20 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+declare const emptyType: readonly ["normal", "full"];
+export declare type EmptyType = typeof emptyType[number];
+export declare const emptyProps: {
+    type: {
+        type: PropType<"normal" | "full">;
+        default: string;
+        validator: (value: EmptyType) => boolean;
+    };
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    helper: {
+        type: PropType<string>;
+        default: undefined;
+    };
+};
+export declare type EmptyProps = ExtractPropTypes<typeof emptyProps>;
+export {};

package/dist/components/transfer/props.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import type Transfer from './transfer.vue';
 export declare type DataItem = Record<string, unknown>;
-declare type Key = DataItem[number];
+export declare type Key = DataItem[number];
 declare type FilterMethod = (query: string, item: DataItem) => boolean;
 declare type Props = {
     key: string;
@@ -85,13 +85,6 @@ export declare const transferPanelProp: {
         type: PropType<Props>;
         default: () => {};
     };
-    checkedStatus: {
-        type: ObjectConstructor;
-        default: () => {
-            checked: boolean;
-            indeterminate: boolean;
-        };
-    };
 };
 export declare type TransferProps = ExtractPropTypes<typeof transferProps>;
 export declare type TransferInstance = InstanceType<typeof Transfer>;

package/dist/components/transfer/transfer-panel.vue.d.ts

@@ -37,13 +37,6 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => {};
     };
-    checkedStatus: {
-        type: ObjectConstructor;
-        default: () => {
-            checked: boolean;
-            indeterminate: boolean;
-        };
-    };
 }, {
     ns: string;
     t: import("vue-i18n").ComposerTranslation<{
@@ -52,12 +45,18 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
     }>, never, string, string>;
     query: import("vue").Ref<string>;
+    checkedStatus: {
+        checked: boolean;
+        indeterminate: boolean;
+        checkableList: unknown[];
+    };
     labelProp: import("vue").ComputedRef<string>;
     keyProp: import("vue").ComputedRef<string>;
     descProp: import("vue").ComputedRef<string>;
     filteredData: import("vue").ComputedRef<import("./props").DataItem[]>;
     isSource: import("vue").ComputedRef<boolean>;
     isEmpty: import("vue").ComputedRef<boolean>;
+    isDisabledCheckAll: import("vue").ComputedRef<boolean>;
     hasFooter: import("vue").ComputedRef<boolean>;
     handleCheckAll: (checked: boolean) => void;
     handleItemEvent: (action: 'remove' | 'check', row: import("./props").DataItem) => void;
@@ -71,7 +70,6 @@ declare const _default: import("vue").DefineComponent<{
     filterPlaceholder?: unknown;
     hideDesc?: unknown;
     props?: unknown;
-    checkedStatus?: unknown;
 } & {
     props: {
         key: string;
@@ -84,7 +82,6 @@ declare const _default: import("vue").DefineComponent<{
     filterable: boolean;
     hideDesc: boolean;
     checkedKeys: unknown[];
-    checkedStatus: Record<string, any>;
 } & {
     filterMethod?: ((query: string, item: import("./props").DataItem) => boolean) | undefined;
     filterPlaceholder?: string | undefined;
@@ -104,6 +101,5 @@ declare const _default: import("vue").DefineComponent<{
     filterable: boolean;
     hideDesc: boolean;
     checkedKeys: unknown[];
-    checkedStatus: Record<string, any>;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { DataItem } from './props';
+import type { DataItem, Key } from './props';
 declare const _default: import("vue").DefineComponent<{
     source: {
         type: import("vue").PropType<DataItem[]>;
@@ -51,22 +51,17 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: import("vue-i18n").LocaleMessageValue<import("vue-i18n").VueMessageType>;
     }>, never, string, string>;
     sourceData: import("vue").ComputedRef<DataItem[]>;
-    targetData: import("vue").Ref<{
-        [x: string]: unknown;
-    }[]>;
+    targetData: import("vue").ComputedRef<DataItem[]>;
     selectedKeys: import("vue").WritableComputedRef<unknown[]> | import("vue").Ref<unknown[]>;
-    checkedStatus: {
-        checked: boolean;
-        indeterminate: boolean;
-        canCheckArr: string[];
-        disabledCheck: string[];
-    };
     onChange: ({ direction, row, }: {
         direction: 'left' | 'right';
         row: DataItem;
     }) => void;
     onClear: () => void;
-    onCheckAll: (checked: boolean) => void;
+    onCheckAll: ({ checked, checkableList, }: {
+        checked: boolean;
+        checkableList: Key[];
+    }) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "add" | "refresh" | "clear" | "checkAll")[], "update:modelValue" | "change" | "add" | "clear" | "refresh" | "checkAll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     source?: unknown;
     modelValue?: unknown;

package/dist/dao-style.es.js

@@ -578,7 +578,7 @@ 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];
+const modelValueAny = [String, Number, Boolean, Symbol, Object, Set, Array];
 function getUnrefItem(set, item) {
   const tempArray = Array.from(set);
   const index2 = looseIndexOf(tempArray, item);
@@ -8667,14 +8667,7 @@ const transferPanelProp = {
     type: String
   },
   hideDesc: transferProps.hideDesc,
-  props: transferProps.props,
-  checkedStatus: {
-    type: Object,
-    default: () => ({
-      checked: false,
-      indeterminate: false
-    })
-  }
+  props: transferProps.props
 };
 const _sfc_main$1 = defineComponent({
   name: "DaoTransferPanel",
@@ -8704,19 +8697,58 @@ const _sfc_main$1 = defineComponent({
       const label = item[labelProp.value] || item[keyProp.value];
       return String(label).toLowerCase().includes(query.value.toLowerCase());
     }));
+    const checkedStatus = reactive({
+      checked: false,
+      indeterminate: false,
+      checkableList: []
+    });
+    watchEffect(() => {
+      const _selectedKeys = new Set(props.checkedKeys);
+      const _disabledKeys = new Set(props.disabledKeys);
+      const _keyProp = keyProp.value;
+      const _checkedStatus = {
+        checked: false,
+        indeterminate: false,
+        hasNoChecked: false,
+        checkableList: []
+      };
+      filteredData.value.forEach((item) => {
+        const key = item == null ? void 0 : item[_keyProp];
+        const disabled = _disabledKeys.has(key);
+        const checked = _selectedKeys.has(key);
+        if (checked) {
+          _checkedStatus.checked = true;
+        } else {
+          _checkedStatus.indeterminate = true;
+        }
+        if (!disabled) {
+          _checkedStatus.checkableList.push(key);
+          if (!checked) {
+            _checkedStatus.hasNoChecked = true;
+          }
+        }
+      });
+      checkedStatus.checkableList = _checkedStatus.checkableList;
+      checkedStatus.checked = !_checkedStatus.hasNoChecked;
+      checkedStatus.indeterminate = _checkedStatus.checked && _checkedStatus.indeterminate;
+    });
     const hasNoMatch = computed(() => query.value.length > 0 && filteredData.value.length === 0);
     const isEmpty2 = computed(() => hasNoMatch.value || props.data.length === 0);
-    const hasFooter = computed(() => {
-      var _a2;
-      return !!((_a2 = slots.footer) == null ? void 0 : _a2.call(slots));
-    });
+    const isDisabledCheckAll = computed(() => filteredData.value.every((item) => props.disabledKeys.includes(item[keyProp.value])) || isEmpty2.value);
+    const hasFooter = computed(() => !!slots.footer);
     function handleCheckAll(checked) {
-      emit("checkAll", checked);
+      emit("checkAll", {
+        checked,
+        checkableList: checkedStatus.checkableList
+      });
     }
     function handleItemEvent(action, row) {
       let direction = "";
       const key = row[keyProp.value];
       const isDisabled = (props.disabledKeys || []).includes(key);
+      if (isDisabled) {
+        return;
+      }
       const isChecked = (props.checkedKeys || []).includes(key);
       switch (action) {
         case "remove":
@@ -8726,20 +8758,20 @@ const _sfc_main$1 = defineComponent({
           direction = isChecked ? "left" : "right";
           break;
       }
-      if (!isDisabled) {
-        emit("selectedChange", { direction, row });
-      }
+      emit("selectedChange", { direction, row });
     }
     return {
       ns: "dao-transfer-panel",
       t,
       query,
+      checkedStatus,
       labelProp,
       keyProp,
       descProp,
       filteredData,
       isSource,
       isEmpty: isEmpty2,
+      isDisabledCheckAll,
       hasFooter,
       handleCheckAll,
       handleItemEvent
@@ -8812,13 +8844,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         createVNode(_component_dao_checkbox, {
           checked: _ctx.checkedStatus.checked,
           indeterminate: _ctx.checkedStatus.indeterminate && !_ctx.checkedStatus.checked,
+          disabled: _ctx.isDisabledCheckAll,
           onChange: _ctx.handleCheckAll
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.t("core.transfer.checkAll")), 1)
           ]),
           _: 1
-        }, 8, ["checked", "indeterminate", "onChange"])
+        }, 8, ["checked", "indeterminate", "disabled", "onChange"])
       ], 2)
     ]) : createCommentVNode("", true),
     createElementVNode("div", {
@@ -8919,57 +8952,15 @@ const _sfc_main = defineComponent({
     const selectedKeys = useVModel(props, "modelValue", emit, {
       passive: true
     });
-    const targetData = ref([]);
-    const checkedStatus = reactive({
-      checked: false,
-      indeterminate: false,
-      canCheckArr: [],
-      disabledCheck: []
-    });
-    watchEffect(() => {
-      const _targetData = [];
+    const targetData = computed(() => {
       const _selectedKeys = new Set(selectedKeys.value);
-      const _disabledKeys = new Set(props.disabledKeys);
-      const _keyProp = keyProp.value;
-      const _checkedStatus = {
-        checked: false,
-        indeterminate: false,
-        notChecked: false,
-        canCheckArr: [],
-        disabledCheck: []
-      };
-      sourceData.value.forEach((item) => {
-        const key = item == null ? void 0 : item[_keyProp];
-        const disabled = _disabledKeys.has(key);
-        const checked = _selectedKeys.has(key);
-        if (checked) {
-          _targetData.push(item);
-          _selectedKeys.delete(key);
-          _checkedStatus.checked = true;
-        } else {
-          _checkedStatus.indeterminate = true;
+      return sourceData.value.reduce((pre, cur) => {
+        const key = cur == null ? void 0 : cur[keyProp.value];
+        if (_selectedKeys.has(key)) {
+          pre.push(cur);
         }
-        if (!disabled) {
-          _checkedStatus.canCheckArr.push(key);
-          if (!checked) {
-            _checkedStatus.notChecked = true;
-          }
-        }
-        if (disabled && checked) {
-          _checkedStatus.disabledCheck.push(key);
-        }
-      });
-      targetData.value = _targetData;
-      checkedStatus.canCheckArr = _checkedStatus.canCheckArr;
-      checkedStatus.disabledCheck = _checkedStatus.disabledCheck;
-      checkedStatus.checked = !_checkedStatus.notChecked;
-      checkedStatus.indeterminate = _checkedStatus.checked && _checkedStatus.indeterminate;
-      if (_selectedKeys.size) {
-        const disabledArr = [...selectedKeys.value].filter((key) => !_selectedKeys.has(key));
-        selectedKeys.value = disabledArr;
-      }
-    }, {
-      flush: "pre"
+        return pre;
+      }, []);
     });
     const onChange = ({
       direction,
@@ -8993,27 +8984,29 @@ const _sfc_main = defineComponent({
       emit("change", { direction, rows: [row] });
     };
     const onClear = () => {
-      selectedKeys.value = [...checkedStatus.disabledCheck];
+      const _disabledKeys = new Set(props.disabledKeys);
+      selectedKeys.value = selectedKeys.value.filter((key) => _disabledKeys.has(key));
       emit("clear", selectedKeys.value);
     };
-    const checkAll = () => {
-      const checkArr = checkedStatus.canCheckArr.concat(checkedStatus.disabledCheck);
-      selectedKeys.value = checkArr;
-      emit("checkAll", selectedKeys.value);
-    };
-    const onCheckAll = (checked) => {
+    const onCheckAll = ({
+      checked,
+      checkableList
+    }) => {
+      const curOperatingKeys = checkableList;
       if (checked) {
-        checkAll();
+        const selectedKeysSet = new Set(selectedKeys.value.concat(curOperatingKeys));
+        selectedKeys.value = [...selectedKeysSet];
       } else {
-        onClear();
+        selectedKeys.value = selectedKeys.value.filter((key) => !curOperatingKeys.includes(key));
+        emit("clear", selectedKeys.value);
       }
+      emit("checkAll", selectedKeys.value);
     };
     return {
       t,
       sourceData,
       targetData,
       selectedKeys,
-      checkedStatus,
       onChange,
       onClear,
       onCheckAll
@@ -9037,10 +9030,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "filter-placeholder": (_c = _ctx.filterPlaceholder) == null ? void 0 : _c[0],
       "disabled-keys": _ctx.disabledKeys,
       props: _ctx.props,
-      "checked-status": {
-        checked: _ctx.checkedStatus.checked,
-        indeterminate: _ctx.checkedStatus.indeterminate
-      },
       onSelectedChange: _ctx.onChange,
       onRefresh: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("refresh")),
       onCheckAll: _ctx.onCheckAll
@@ -9082,7 +9071,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "left-footer")
         ])
       } : void 0
-    ]), 1032, ["hide-desc", "data", "checked-keys", "filterable", "filter-method", "filter-placeholder", "disabled-keys", "props", "checked-status", "onSelectedChange", "onCheckAll"]),
+    ]), 1032, ["hide-desc", "data", "checked-keys", "filterable", "filter-method", "filter-placeholder", "disabled-keys", "props", "onSelectedChange", "onCheckAll"]),
     createVNode(_component_transfer_panel, {
       ref: "rightPanel",
       type: "target",
@@ -9255,6 +9244,9 @@ var enUS = {
       removeText: "Delete",
       deselectText: "Deselect",
       selectedFormat: "{n} item selected | {n} items selected"
+    },
+    empty: {
+      title: "No data"
     }
   }
 };
@@ -9301,6 +9293,9 @@ var zhCN = {
       removeText: "\u5220\u9664",
       deselectText: "\u53D6\u6D88\u9009\u4E2D",
       selectedFormat: "\u9009\u4E2D {n} \u9879"
+    },
+    empty: {
+      title: "\u6682\u65E0\u6570\u636E"
     }
   }
 };