@dao-style/core 0.4.0 → 0.4.1

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

@@ -1,6 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import type Header from './header.vue';
-export declare type HeaderType = '2rd' | '3rd';
+export declare type HeaderType = '2nd' | '3rd';
 export declare const headerProps: {
     type: {
         type: PropType<HeaderType>;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-export declare type NavType = '2rd' | '3rd';
+export declare type NavType = '2nd' | '3rd';
 export declare const NAV_TYPES: Array<NavType>;
 export declare type IndexType = number | string;
 export declare type ActiveOpenedList = Array<IndexType>;

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

@@ -38,5 +38,9 @@ declare const paginationProps: {
         type: PropType<PaginationLayoutKey[]>;
         default: string[];
     };
+    noShadow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 };
 export default paginationProps;

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

@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<PaginationLayoutKey[]>;
         default: string[];
     };
+    noShadow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {
     currentShowPage: import("vue").Ref<number | "">;
     totalText: import("vue").ComputedRef<string>;
@@ -67,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     currentPage?: unknown;
     pageSizerWidth?: unknown;
     layout?: unknown;
+    noShadow?: unknown;
 } & {
     total: number;
     pageSize: number;
@@ -75,6 +80,7 @@ declare const _default: import("vue").DefineComponent<{
     currentPage: number;
     pageSizerWidth: number;
     layout: PaginationLayoutKey[];
+    noShadow: boolean;
 } & {
     pageFormat?: ((val: number) => string) | undefined;
     totalFormat?: ((val: number) => string) | undefined;
@@ -95,5 +101,6 @@ declare const _default: import("vue").DefineComponent<{
     currentPage: number;
     pageSizerWidth: number;
     layout: PaginationLayoutKey[];
+    noShadow: boolean;
 }>;
 export default _default;

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

@@ -27,6 +27,10 @@ export declare const tableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    noShadow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     id: {
         type: PropType<string>;
         require: boolean;
@@ -96,10 +100,6 @@ export declare const tableProps: {
         type: StringConstructor;
         default: undefined;
     };
-    noShadow: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     pageLayout: {
         type: PropType<import("../pagination/pagination-props").PaginationLayoutKey[]>;
         default: string[];

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

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noShadow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     id: {
         type: import("vue").PropType<string>;
         require: boolean;
@@ -96,10 +100,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    noShadow: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     pageLayout: {
         type: import("vue").PropType<import("../pagination/pagination-props").PaginationLayoutKey[]>;
         default: string[];
@@ -209,6 +209,7 @@ declare const _default: import("vue").DefineComponent<{
     fuzzy?: unknown;
     hideRefresh?: unknown;
     hideSearch?: unknown;
+    noShadow?: unknown;
     id?: unknown;
     columns?: unknown;
     data?: unknown;
@@ -226,7 +227,6 @@ declare const _default: import("vue").DefineComponent<{
     currentPage?: unknown;
     pageSizerWidth?: unknown;
     emptyText?: unknown;
-    noShadow?: unknown;
     pageLayout?: unknown;
     hideBatchBar?: unknown;
     hideToolbar?: unknown;
@@ -246,13 +246,13 @@ declare const _default: import("vue").DefineComponent<{
     compact: boolean;
     currentPage: number;
     pageSizerWidth: number;
+    noShadow: boolean;
     searchOptions: import("../toolbar/types").SearchOption[];
     hideRefresh: boolean;
     hideSearch: boolean;
     selectable: boolean | ((row: Record<string, unknown>, index: number) => boolean);
     selectedRows: Record<string, unknown>[];
     expandable: boolean;
-    noShadow: boolean;
     pageLayout: import("../pagination/pagination-props").PaginationLayoutKey[];
     hideBatchBar: boolean;
     hideToolbar: boolean;
@@ -300,6 +300,7 @@ declare const _default: import("vue").DefineComponent<{
     compact: boolean;
     currentPage: number;
     pageSizerWidth: number;
+    noShadow: boolean;
     searchOptions: import("../toolbar/types").SearchOption[];
     fuzzy: import("../toolbar/types").FuzzyOption;
     hideRefresh: boolean;
@@ -308,7 +309,6 @@ declare const _default: import("vue").DefineComponent<{
     selectedRows: Record<string, unknown>[];
     expandable: boolean;
     emptyText: string;
-    noShadow: boolean;
     pageLayout: import("../pagination/pagination-props").PaginationLayoutKey[];
     hideBatchBar: boolean;
     hideToolbar: boolean;

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

@@ -25,5 +25,9 @@ declare const toolbarProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    noShadow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 };
 export default toolbarProps;

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

@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noShadow: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {
     t: import("vue-i18n").ComposerTranslation<{
         [x: string]: import("@intlify/core-base").LocaleMessage<import("vue-i18n").VueMessageType>;
@@ -47,9 +51,11 @@ declare const _default: import("vue").DefineComponent<{
     fuzzy?: unknown;
     hideRefresh?: unknown;
     hideSearch?: unknown;
+    noShadow?: unknown;
 } & {
     search: Record<string, SearchValue[]>;
     searchPlaceholder: string;
+    noShadow: boolean;
     searchOptions: import("./types").SearchOption[];
     hideRefresh: boolean;
     hideSearch: boolean;
@@ -62,6 +68,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     search: Record<string, SearchValue[]>;
     searchPlaceholder: string;
+    noShadow: boolean;
     searchOptions: import("./types").SearchOption[];
     fuzzy: import("./types").FuzzyOption;
     hideRefresh: boolean;

package/dist/dao-style.es.js

@@ -3862,7 +3862,7 @@ const _hoisted_6$4 = {
   key: 4,
   class: "dao-expansion-item-header-item"
 };
-const _hoisted_7$3 = { class: "dao-expansion-item-content-container" };
+const _hoisted_7$2 = { class: "dao-expansion-item-content-container" };
 const _hoisted_8$1 = { class: "dao-expansion-item-content" };
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_icon = resolveComponent("dao-icon");
@@ -3931,7 +3931,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
       onAfterLeave: _ctx.onAfterLeave
     }, {
       default: withCtx(() => [
-        withDirectives(createElementVNode("div", _hoisted_7$3, [
+        withDirectives(createElementVNode("div", _hoisted_7$2, [
           createElementVNode("div", _hoisted_8$1, [
             renderSlot(_ctx.$slots, "default")
           ])
@@ -4127,7 +4127,7 @@ var formGroup = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render
 const headerProps = {
   type: {
     type: String,
-    default: "2rd"
+    default: "2nd"
   },
   title: {
     type: String,
@@ -4141,7 +4141,7 @@ const _sfc_main$q = defineComponent({
   setup(props, { slots }) {
     const showInfo = computed(() => ({
       title: props.type === "3rd" ? false : Boolean(props.title || slots.title),
-      breadcrumb: props.type === "2rd" ? false : slots.breadcrumb
+      breadcrumb: props.type === "2nd" ? false : slots.breadcrumb
     }));
     return {
       ns: "dao-header",
@@ -4810,7 +4810,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   ], 34)) : createCommentVNode("", true);
 }
 var message = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$l]]);
-const NAV_TYPES = ["2rd", "3rd"];
+const NAV_TYPES = ["2nd", "3rd"];
 const navProps = {
   accordion: {
     type: Boolean,
@@ -4822,7 +4822,7 @@ const navProps = {
   },
   type: {
     type: String,
-    default: "2rd",
+    default: "2nd",
     validator: (value) => NAV_TYPES.includes(value)
   }
 };
@@ -5004,14 +5004,14 @@ const _sfc_main$k = defineComponent({
     }
     const { icon, title, useFont } = toRefs(props);
     const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "3rd" || Boolean(unref(icon)));
-    const headIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" ? unref(icon) : "icon-back");
-    const isFontType = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" ? unref(useFont) : true);
+    const headIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2nd" ? unref(icon) : "icon-back");
+    const isFontType = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2nd" ? unref(useFont) : true);
     const classHeadList = computed(() => [
       "dao-nav__head",
       `dao-nav__head--${rootNav == null ? void 0 : rootNav.type}`
     ]);
     const handleClickBack = () => {
-      if ((rootNav == null ? void 0 : rootNav.type) === "2rd") {
+      if ((rootNav == null ? void 0 : rootNav.type) === "2nd") {
         return;
       }
       rootNav == null ? void 0 : rootNav.handleNavHeadClick();
@@ -5077,7 +5077,7 @@ const _sfc_main$j = defineComponent({
       isExactActive,
       index: index2
     } = toRefs(props);
-    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" && Boolean(icon.value));
+    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2nd" && Boolean(icon.value));
     const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index2.value);
     const isNavItemActive = computed(() => {
       const unrefIsActive = unref(isActive);
@@ -5199,7 +5199,7 @@ const _sfc_main$i = defineComponent({
     const currentActiveIndex = ref(false);
     const opened = ref(false);
     const childrenActiveMap = reactive(new Map());
-    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2rd" && Boolean(icon.value));
+    const showIcon = computed(() => (rootNav == null ? void 0 : rootNav.type) === "2nd" && Boolean(icon.value));
     const foldIcon = computed(() => opened.value ? "icon_caret-up" : "icon_caret-down");
     const isSelect = computed(() => (rootNav == null ? void 0 : rootNav.activeItemIdx) === index2.value);
     const classSubList = computed(() => {
@@ -5391,6 +5391,10 @@ const paginationProps = {
   layout: {
     type: Array,
     default: ["total", "pager", "sizer"]
+  },
+  noShadow: {
+    type: Boolean,
+    default: false
   }
 };
 function tryOnScopeDispose(fn2) {
@@ -5895,7 +5899,7 @@ const _hoisted_3$6 = {
 const _hoisted_4$3 = ["placeholder"];
 const _hoisted_5$3 = /* @__PURE__ */ createElementVNode("i", { class: "icon-search dao-selection-search-icon" }, null, -1);
 const _hoisted_6$2 = { class: "dao-option-list" };
-const _hoisted_7$2 = {
+const _hoisted_7$1 = {
   key: "dao-option-placeholder",
   class: "dao-option-placeholder"
 };
@@ -5951,7 +5955,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       createElementVNode("ul", _hoisted_6$2, [
         renderSlot(_ctx.$slots, "default"),
-        _ctx.isNoResult || _ctx.loading ? (openBlock(), createElementBlock("li", _hoisted_7$2, [
+        _ctx.isNoResult || _ctx.loading ? (openBlock(), createElementBlock("li", _hoisted_7$1, [
           _ctx.loading ? (openBlock(), createBlock(_component_dao_button, {
             key: 0,
             type: "ghost",
@@ -6258,7 +6262,11 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_select = resolveComponent("dao-select");
   return _ctx.computedLayout.show ? (openBlock(), createElementBlock("div", {
     key: 0,
-    class: normalizeClass(["dao-pagination", { "dao-pagination--compact": _ctx.compact }])
+    class: normalizeClass([
+      "dao-pagination",
+      { "dao-pagination--compact": _ctx.compact },
+      { "dao-pagination--with-shadow": !_ctx.noShadow }
+    ])
   }, [
     createElementVNode("div", {
       class: normalizeClass(["dao-pagination__total", { "is-invisible": !_ctx.computedLayout.total }])
@@ -7042,6 +7050,10 @@ const toolbarProps = {
   hideSearch: {
     type: Boolean,
     default: false
+  },
+  noShadow: {
+    type: Boolean,
+    default: false
   }
 };
 var toolbar_vue_vue_type_style_index_0_lang = "";
@@ -7098,22 +7110,21 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "dao-toolbar-container" };
-const _hoisted_2$3 = { class: "dao-toolbar" };
-const _hoisted_3$2 = {
+const _hoisted_1$4 = { class: "dao-toolbar" };
+const _hoisted_2$3 = {
   key: 0,
   class: "dao-toolbar__filter"
 };
-const _hoisted_4$1 = {
+const _hoisted_3$2 = {
   key: 1,
   class: "dao-toolbar__search"
 };
-const _hoisted_5$1 = { class: "dao-toolbar__actions" };
-const _hoisted_6$1 = {
+const _hoisted_4$1 = { class: "dao-toolbar__actions" };
+const _hoisted_5$1 = {
   key: 2,
   class: "dao-toolbar__primary-action"
 };
-const _hoisted_7$1 = {
+const _hoisted_6$1 = {
   key: 0,
   class: "dao-toolbar__tag-container"
 };
@@ -7121,12 +7132,17 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dao_toolbar_filter = resolveComponent("dao-toolbar-filter");
   const _component_dao_action_icon = resolveComponent("dao-action-icon");
   const _component_dao_tag = resolveComponent("dao-tag");
-  return openBlock(), createElementBlock("div", _hoisted_1$4, [
-    createElementVNode("div", _hoisted_2$3, [
-      _ctx.$slots.filter ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
-        renderSlot(_ctx.$slots, "filter")
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["dao-toolbar-container", { "dao-toolbar-container--with-shadow": !_ctx.noShadow }])
+  }, [
+    createElementVNode("div", _hoisted_1$4, [
+      _ctx.$slots.filter ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+        renderSlot(_ctx.$slots, "filter", { classNames: {
+          label: "dao-toolbar__filter-label",
+          widget: "dao-toolbar__filter-widget"
+        } })
       ])) : createCommentVNode("", true),
-      !_ctx.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+      !_ctx.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
         renderSlot(_ctx.$slots, "search", {}, () => [
           createVNode(_component_dao_toolbar_filter, {
             search: _ctx.searchModel,
@@ -7138,7 +7154,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["search", "search-placeholder", "search-options", "fuzzy"])
         ])
       ])) : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_5$1, [
+      createElementVNode("div", _hoisted_4$1, [
         !_ctx.hideRefresh ? (openBlock(), createBlock(_component_dao_action_icon, {
           key: 0,
           class: "dao-toolbar__actions-refresh",
@@ -7146,11 +7162,11 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("refresh"))
         })) : createCommentVNode("", true)
       ]),
-      _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+      _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
         renderSlot(_ctx.$slots, "action")
       ])) : createCommentVNode("", true)
     ]),
-    _ctx.search && Object.keys(_ctx.search).length ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+    _ctx.search && Object.keys(_ctx.search).length ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.search, (values, key) => {
         return openBlock(), createElementBlock(Fragment, { key }, [
           _ctx.isFuzzyOption(key) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(values, (value, index2) => {
@@ -7188,7 +7204,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.clearFilter && _ctx.clearFilter(...args))
       }, toDisplayString(_ctx.t("core.toolbar.clear")), 1)
     ])) : createCommentVNode("", true)
-  ]);
+  ], 2);
 }
 var DaoToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
@@ -7515,10 +7531,6 @@ const tableProps = __spreadValues({
     type: String,
     default: void 0
   },
-  noShadow: {
-    type: Boolean,
-    default: false
-  },
   pageLayout: paginationProps.layout,
   hideBatchBar: {
     type: Boolean,
@@ -8029,6 +8041,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         "search-placeholder": _ctx.searchPlaceholder,
         "hide-refresh": _ctx.hideRefresh,
         "hide-search": _ctx.hideSearch,
+        "no-shadow": "",
         onSearch: _ctx.onSearch,
         onRefresh: _ctx.onRefresh
       }, createSlots({
@@ -8210,6 +8223,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             "total-format": _ctx.totalFormat,
             layout: _ctx.pageLayout,
             "page-sizer-width": _ctx.pageSizerWidth,
+            "no-shadow": "",
             onNext: _cache[4] || (_cache[4] = ($event) => {
               _ctx.$emit("next", $event);
               _ctx.clearState();