@dao-style/core 0.0.1-beta.15 → 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,
@@ -3670,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")
@@ -5159,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]
@@ -6072,7 +6083,7 @@ const tableProps = {
     default: true
   },
   selectable: {
-    type: Boolean,
+    type: [Function, Boolean],
     default: false
   },
   expandable: {
@@ -6164,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([]);
@@ -6313,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 = () => {
@@ -6351,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) {
@@ -6419,7 +6443,8 @@ const _sfc_main$3 = defineComponent({
       tableScroll,
       expandedRows,
       onRowClick,
-      isEmpty
+      isEmpty,
+      selectableRows
     };
   }
 });
@@ -6521,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", {
@@ -6913,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);