@dao-style/core 0.0.1-beta.13 → 0.0.1-beta.16

package/dist/components/plugin.d.ts

@@ -1,5 +1,4 @@
-import type { Plugin } from 'vue';
 import '../styles/common.scss';
-import '../styles/color/alias.scss';
+import type { Plugin } from 'vue';
 declare const plugin: Plugin;
 export default plugin;

package/dist/components/table/table-props.d.ts

@@ -1,5 +1,7 @@
 import type { PropType } from 'vue';
 import type { DaoTableColumn, DaoTableSort } from './type';
+declare type DataPropType = Record<string, unknown>[];
+declare type SelectablePropType = ((row: DataPropType[number], index: number) => boolean) | boolean;
 declare const tableProps: {
     id: {
         type: PropType<string>;
@@ -10,7 +12,7 @@ declare const tableProps: {
         default: () => DaoTableColumn[];
     };
     data: {
-        type: PropType<Record<string, unknown>[]>;
+        type: PropType<DataPropType>;
         default: () => Record<string, unknown>[];
     };
     showHeader: {
@@ -18,7 +20,7 @@ declare const tableProps: {
         default: boolean;
     };
     selectable: {
-        type: PropType<boolean>;
+        type: PropType<SelectablePropType>;
         default: boolean;
     };
     expandable: {

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

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     selectable: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean | ((row: Record<string, unknown>, index: number) => boolean)>;
         default: boolean;
     };
     expandable: {
@@ -136,6 +136,7 @@ declare const _default: import("vue").DefineComponent<{
     expandedRows: WeakSet<object>;
     onRowClick: (row: Record<string, unknown>, rowIndex: number) => void;
     isEmpty: import("vue").ComputedRef<boolean>;
+    selectableRows: import("vue").ComputedRef<Set<Record<string, unknown>>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "next" | "prev" | "update:page-size" | "update:current-page" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "pageChange" | "sizeChange" | "row-click")[], "select" | "next" | "prev" | "update:page-size" | "update:current-page" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "pageChange" | "sizeChange" | "row-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     id?: unknown;
     columns?: unknown;
@@ -168,7 +169,7 @@ declare const _default: import("vue").DefineComponent<{
     totalFormat: (val: number) => string;
     currentPage: number;
     pageSizerWidth: number;
-    selectable: boolean;
+    selectable: boolean | ((row: Record<string, unknown>, index: number) => boolean);
     expandable: boolean;
     emptyText: string;
     noShadow: boolean;
@@ -201,7 +202,7 @@ declare const _default: import("vue").DefineComponent<{
     totalFormat: (val: number) => string;
     currentPage: number;
     pageSizerWidth: number;
-    selectable: boolean;
+    selectable: boolean | ((row: Record<string, unknown>, index: number) => boolean);
     expandable: boolean;
     emptyText: string;
     noShadow: boolean;

package/dist/dao-style.es.js

@@ -17,8 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, createVNode, withCtx, watch, Transition, withModifiers, normalizeStyle, withDirectives, vShow, withKeys, getCurrentInstance, onMounted, onBeforeUnmount, Teleport, nextTick, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted, h } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, unref, resolveComponent, Fragment, createBlock, createTextVNode, toDisplayString, ref, inject, watchEffect, mergeProps, provide, readonly, toRefs, createVNode, withCtx, watch, onBeforeUnmount, Transition, withModifiers, normalizeStyle, withDirectives, vShow, withKeys, getCurrentInstance, onMounted, Teleport, nextTick, reactive, renderList, getCurrentScope, onScopeDispose, vModelText, onUnmounted, h } from "vue";
 import { isArray, isSet, looseIndexOf, looseEqual, isFunction, NOOP } from "@vue/shared";
+var common = "";
 var actionIcon_vue_vue_type_style_index_0_lang = "";
 var _export_sfc = (sfc, props) => {
   for (const [key, val] of props) {
@@ -864,8 +865,8 @@ const _sfc_main$y = defineComponent({
       if (!lockScroll.value) {
         return;
       }
-      const currentDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR) || 0);
-      document.body.setAttribute(DIALOG_NUM_ATTR, String(currentDialogNum + 1));
+      const bodyDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR) || 0);
+      document.body.setAttribute(DIALOG_NUM_ATTR, String(bodyDialogNum + 1));
       document.body.style.overflow = "hidden";
     };
     const onClose = () => {
@@ -885,16 +886,18 @@ const _sfc_main$y = defineComponent({
         return;
       }
       const specDialogNum = Number(document.body.getAttribute(DIALOG_NUM_ATTR)) - 1;
-      if (specDialogNum === 0) {
+      if (specDialogNum < 1) {
         document.body.removeAttribute(DIALOG_NUM_ATTR);
         document.body.style.overflow = "";
       } else {
         document.body.setAttribute(DIALOG_NUM_ATTR, String(specDialogNum));
       }
     };
+    let currentDialogOpened = false;
     const onBeforeEnter = () => {
-      lockWindowScroll();
       document.addEventListener("keydown", onKeyDown);
+      lockWindowScroll();
+      currentDialogOpened = true;
       emit("before-open");
     };
     const onAfterEnter = () => {
@@ -915,8 +918,14 @@ const _sfc_main$y = defineComponent({
     const onAfterLeave = () => {
       document.removeEventListener("keydown", onKeyDown);
       unLockWindowScroll();
+      currentDialogOpened = false;
       emit("closed");
     };
+    onBeforeUnmount(() => {
+      if (currentDialogOpened) {
+        onAfterLeave();
+      }
+    });
     return {
       computedPaddingTop,
       computedPaddingBottom,
@@ -2648,14 +2657,18 @@ function updatePopperOptions(popperInstance, modifiers, popperOptions = {}) {
   });
 }
 function getActualRoot(app) {
-  var _a2, _b2, _c, _d;
+  var _a2, _b2, _c, _d, _e, _f, _g, _h;
   let internalRoot = "body";
   if (!app) {
     return internalRoot;
   }
-  const rootNode = (_c = (_b2 = (_a2 = app == null ? void 0 : app.root) == null ? void 0 : _a2.vnode) == null ? void 0 : _b2.el) == null ? void 0 : _c.parentNode.getRootNode();
+  let ele = (_f = (_c = (_b2 = (_a2 = app == null ? void 0 : app.root) == null ? void 0 : _a2.appContext) == null ? void 0 : _b2.app) == null ? void 0 : _c._container) != null ? _f : (_e = (_d = app == null ? void 0 : app.root) == null ? void 0 : _d.vnode) == null ? void 0 : _e.el;
+  if ((ele == null ? void 0 : ele.nodeType) !== Node.ELEMENT_NODE && (ele == null ? void 0 : ele.nodeType) !== Node.DOCUMENT_FRAGMENT_NODE && (ele == null ? void 0 : ele.nodeType) !== Node.DOCUMENT_NODE) {
+    ele = ele == null ? void 0 : ele.parentNode;
+  }
+  const rootNode = (_g = ele == null ? void 0 : ele.getRootNode) == null ? void 0 : _g.call(ele);
   if (rootNode) {
-    internalRoot = (_d = rootNode.body) != null ? _d : rootNode;
+    internalRoot = (_h = rootNode.body) != null ? _h : rootNode;
   }
   return internalRoot;
 }
@@ -2684,7 +2697,7 @@ const _sfc_main$v = defineComponent({
     const reference2 = ref(null);
     const popper2 = ref(null);
     const isOpen = ref(false);
-    const actualAppendTo = ref("root");
+    const actualAppendTo = ref("body");
     const isTelDisabled = ref(false);
     watch(appendTo, () => {
       const unrefAppendTo = unref(appendTo);
@@ -3666,7 +3679,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "header",
     "aria-label": "Header",
-    class: normalizeClass(_ctx.ns)
+    class: normalizeClass([_ctx.ns, `${_ctx.ns}--${_ctx.type}`])
   }, [
     createElementVNode("div", {
       class: normalizeClass(_ctx.ns + "__left-container")
@@ -5155,8 +5168,10 @@ const _sfc_main$c = defineComponent({
     const bindTriggerEleOutsideClick = {
       cleanup: void 0,
       visible() {
-        if (!this.cleanup) {
-          this.cleanup = onClickOutside(popper2, () => {
+        var _a2;
+        const el = (_a2 = popper2.value) == null ? void 0 : _a2.popper.$el;
+        if (!this.cleanup && el) {
+          this.cleanup = onClickOutside(el, () => {
             state.visible = false;
           }, {
             ignore: [triggerRef]
@@ -5399,6 +5414,7 @@ const _sfc_main$b = defineComponent({
     const onSelectFn = inject("onSelect");
     const removeFn = inject("remove");
     const selectState = inject("selectState");
+    const { label, disabled, value } = toRefs(props);
     const labelValue = computed(() => {
       if (props.label === null || props.label === void 0) {
         return props.value;
@@ -5406,10 +5422,10 @@ const _sfc_main$b = defineComponent({
       return props.label;
     });
     const instance = reactive({
-      label: props.label,
-      value: props.value,
-      disabled: props.disabled,
-      labelValue: labelValue.value,
+      label,
+      value,
+      disabled,
+      labelValue,
       visible: true,
       setVisible(val) {
         instance.visible = val;
@@ -5421,8 +5437,8 @@ const _sfc_main$b = defineComponent({
       return ((_a2 = selectState == null ? void 0 : selectState.selectedOption) == null ? void 0 : _a2.value) === instance.value;
     });
     const isFocus = computed(() => {
-      var _a2;
-      const index2 = (_a2 = selectState == null ? void 0 : selectState.options.indexOf(instance)) != null ? _a2 : -1;
+      var _a2, _b2;
+      const index2 = (_b2 = (_a2 = selectState == null ? void 0 : selectState.options) == null ? void 0 : _a2.indexOf(instance)) != null ? _b2 : -1;
       return index2 === (selectState == null ? void 0 : selectState.optionFocusIndex);
     });
     watch(isFocus, (val) => {
@@ -5563,13 +5579,11 @@ const _sfc_main$a = defineComponent({
       emit("update:current-page", value);
       emit("page-change", value);
     };
-    watch(currentPage, (val) => {
-      currentShowPage.value = val;
-    });
-    watch(totalPage, (val) => {
-      if (currentShowPage.value > val) {
-        currentShowPage.value = val;
-        emit("update:current-page", val);
+    watch([currentPage, totalPage], () => {
+      currentShowPage.value = props.currentPage;
+      if (currentShowPage.value > totalPage.value) {
+        currentShowPage.value = totalPage.value;
+        emit("update:current-page", totalPage.value);
       }
     });
     const updatePageSize = (val) => {
@@ -5616,14 +5630,14 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass([
           "icon-arrow-previous",
           "dao-pagination__pager-prev",
-          { "dao-pagination__pager-icon--disabled": _ctx.currentPage === 1 }
+          { "dao-pagination__pager-icon--disabled": _ctx.currentPage <= 1 }
         ]),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.prevPage && _ctx.prevPage(...args))
       }, null, 2),
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.currentShowPage = $event),
         class: "dao-pagination__pager-current",
-        disabled: _ctx.totalPage === 1,
+        disabled: _ctx.totalPage <= 1,
         onKeydown: _cache[2] || (_cache[2] = withKeys((...args) => _ctx.targetPage && _ctx.targetPage(...args), ["enter"])),
         onInput: _cache[3] || (_cache[3] = (...args) => _ctx.currentShowPageFormat && _ctx.currentShowPageFormat(...args))
       }, null, 40, _hoisted_1$6), [
@@ -5634,7 +5648,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass([
           "icon-arrow-next",
           "dao-pagination__pager-next",
-          { "dao-pagination__pager-icon--disabled": _ctx.currentPage === _ctx.totalPage }
+          { "dao-pagination__pager-icon--disabled": _ctx.currentPage >= _ctx.totalPage }
         ]),
         onClick: _cache[4] || (_cache[4] = (...args) => _ctx.nextPage && _ctx.nextPage(...args))
       }, null, 2)
@@ -6069,7 +6083,7 @@ const tableProps = {
     default: true
   },
   selectable: {
-    type: Boolean,
+    type: [Function, Boolean],
     default: false
   },
   expandable: {
@@ -6161,6 +6175,17 @@ const _sfc_main$3 = defineComponent({
     const sort = reactive(props.sort);
     const expandRows = reactive([]);
     const selectedRows = reactive(new Set());
+    const selectableFn = computed(() => typeof props.selectable === "function" ? props.selectable : () => true);
+    const selectableRows = computed(() => {
+      var _a2;
+      const selectableRowsSet = new Set();
+      (_a2 = props.data) == null ? void 0 : _a2.forEach((item, index2) => {
+        if (selectableFn.value && selectableFn.value(item, index2)) {
+          selectableRowsSet.add(item);
+        }
+      });
+      return selectableRowsSet;
+    });
     const expandedRows = reactive(new WeakSet());
     const columnRefs = reactive({});
     const columns = reactive([]);
@@ -6310,14 +6335,16 @@ const _sfc_main$3 = defineComponent({
       }
     };
     const toggleSelectedAll = () => {
-      if (global2.checked) {
-        selectedRows.clear();
-        emit("select", []);
-      } else {
+      if (!global2.checked || global2.indeterminate) {
         props.data.forEach((item) => {
-          selectedRows.add(item);
+          if (selectableRows.value.has(item)) {
+            selectedRows.add(item);
+          }
         });
         emit("select", Array.from(selectedRows));
+      } else {
+        selectedRows.clear();
+        emit("select", []);
       }
     };
     const fixedColumnWidth = () => {
@@ -6348,7 +6375,7 @@ const _sfc_main$3 = defineComponent({
         const item = props.data[i];
         if (selectedRows.has(item)) {
           have += 1;
-        } else {
+        } else if (selectableRows.value.has(item)) {
           notHave += 1;
         }
         if (have && notHave) {
@@ -6416,7 +6443,8 @@ const _sfc_main$3 = defineComponent({
       tableScroll,
       expandedRows,
       onRowClick,
-      isEmpty
+      isEmpty,
+      selectableRows
     };
   }
 });
@@ -6518,9 +6546,10 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 _ctx.selectable ? (openBlock(), createElementBlock("td", _hoisted_10, [
                   createVNode(_component_dao_checkbox, {
+                    disabled: !_ctx.selectableRows.has(row),
                     checked: _ctx.isRowSelected(row),
                     onChange: ($event) => _ctx.toggleSelected(row)
-                  }, null, 8, ["checked", "onChange"])
+                  }, null, 8, ["disabled", "checked", "onChange"])
                 ])) : createCommentVNode("", true),
                 _ctx.expandable ? (openBlock(), createElementBlock("td", _hoisted_11, [
                   createElementVNode("i", {
@@ -6910,8 +6939,6 @@ var components = /* @__PURE__ */ Object.freeze({
   TabItem: tabItem,
   Tooltip: _sfc_main$o
 });
-var common = "";
-var alias = "";
 const plugin = (app) => {
   Object.values(components).forEach((c) => {
     app.component(c.name, c);