pro-design-vue 1.0.0-rc.1 → 1.0.0-rc.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.0.0-rc.1 */
+/*! Pro Design Vue v1.0.0-rc.3 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue')) :
@@ -16,7 +16,7 @@
   const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
   const DEFAULT_NAMESPACE = "pro";
 
-  const version$1 = "1.0.0-rc.1";
+  const version$1 = "1.0.0-rc.3";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -8815,7 +8815,7 @@
       transition: { type: null, required: false, default: "linear" },
       useEasing: { type: Boolean, required: false, default: true }
     },
-    emits: ["finished", "onFinished", "onStarted", "started"],
+    emits: ["finished", "started"],
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const emit = __emit;
@@ -8848,11 +8848,9 @@
           duration: props.duration,
           onFinished: () => {
             emit("finished");
-            emit("onFinished");
           },
           onStarted: () => {
             emit("started");
-            emit("onStarted");
           },
           ...props.useEasing ? { transition: TransitionPresets[props.transition] } : {}
         });
@@ -8875,7 +8873,7 @@
         }
         return prefix + x1 + x2 + suffix;
       }
-      __expose({ reset });
+      __expose({ start, reset });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(
           "span",
@@ -18162,7 +18160,8 @@
       showFixedButton: { type: Boolean, required: false, default: true },
       theme: { type: String, required: true },
       width: { type: Number, required: true },
-      zIndex: { type: Number, required: false, default: 0 }
+      zIndex: { type: Number, required: false, default: 0 },
+      fixed: { type: Boolean, required: false, default: true }
     }, {
       "collapse": { type: Boolean },
       "collapseModifiers": {},
@@ -18299,7 +18298,7 @@
           vue.Fragment,
           null,
           [
-            _ctx.domVisible ? (vue.openBlock(), vue.createElementBlock(
+            _ctx.domVisible && _ctx.fixed ? (vue.openBlock(), vue.createElementBlock(
               "div",
               {
                 key: 0,
@@ -18315,9 +18314,9 @@
               {
                 class: vue.normalizeClass([
                   vue.unref(prefixCls),
-                  `${vue.unref(prefixCls)}--fixed`,
                   _ctx.theme,
                   {
+                    [`${vue.unref(prefixCls)}--fixed`]: _ctx.fixed,
                     [`${vue.unref(prefixCls)}--mixed`]: _ctx.isSidebarMixed,
                     [`${vue.unref(prefixCls)}--no-mixed`]: !_ctx.isSidebarMixed
                   }
@@ -18549,6 +18548,7 @@
       sidebarTheme: { type: String, required: false, default: "light" },
       sidebarWidth: { type: Number, required: false, default: 200 },
       sideCollapseWidth: { type: Number, required: false, default: 60 },
+      sidebarFixed: { type: Boolean, required: false, default: true },
       tabbarEnable: { type: Boolean, required: false, default: true },
       tabbarHeight: { type: Number, required: false, default: 40 },
       zIndex: { type: Number, required: false, default: 200 }
@@ -18884,6 +18884,7 @@
               "margin-top": sidebarMarginTop.value,
               "mixed-width": _ctx.sidebarMixedWidth,
               show: showSidebar.value,
+              fixed: _ctx.sidebarFixed,
               theme: _ctx.sidebarTheme,
               width: getSidebarWidth.value,
               "z-index": sidebarZIndex.value,
@@ -18908,7 +18909,7 @@
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["collapse", "expand-on-hover", "expand-on-hovering", "extra-collapse", "extra-visible", "show-collapse-button", "show-fixed-button", "collapse-width", "dom-visible", "extra-width", "fixed-extra", "header-height", "is-sidebar-mixed", "margin-top", "mixed-width", "show", "theme", "width", "z-index"])) : vue.createCommentVNode("v-if", true),
+            ]), 1032, ["collapse", "expand-on-hover", "expand-on-hovering", "extra-collapse", "extra-visible", "show-collapse-button", "show-fixed-button", "collapse-width", "dom-visible", "extra-width", "fixed-extra", "header-height", "is-sidebar-mixed", "margin-top", "mixed-width", "show", "fixed", "theme", "width", "z-index"])) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode(
               "div",
               {
@@ -20786,6 +20787,22 @@
     return (a.index || 0) - (b.index || 0);
   };
 
+  const flatColumnsHandle = (columns) => {
+    const flatColumns = [];
+    const loopColumns = (columns2) => {
+      columns2.forEach((column) => {
+        var _a;
+        if ((_a = column == null ? void 0 : column.children) == null ? void 0 : _a.length) {
+          loopColumns(column == null ? void 0 : column.children);
+        } else {
+          flatColumns.push(column);
+        }
+      });
+    };
+    loopColumns(columns);
+    return flatColumns;
+  };
+
   function useMergedState(defaultStateValue, option) {
     const { defaultValue, value = vue.ref() } = option || {};
     let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
@@ -29000,6 +29017,15 @@
               status: option.status,
               text: option.text
             });
+          } else if (option.color) {
+            cellValue = vue.createVNode(
+              antDesignVue.Tag,
+              {
+                color: option.color,
+                bordered: false
+              },
+              option.text
+            );
           } else {
             cellValue = option.text || emptyText;
           }
@@ -33356,25 +33382,10 @@
   function _isSlot$3(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
   }
-  const flatColumnsHandle = (columns) => {
-    const flatColumns = [];
-    const loopColumns = (columns2) => {
-      columns2.forEach((column) => {
-        var _a;
-        if ((_a = column == null ? void 0 : column.children) == null ? void 0 : _a.length) {
-          loopColumns(column == null ? void 0 : column.children);
-        } else {
-          flatColumns.push(column);
-        }
-      });
-    };
-    loopColumns(columns);
-    return flatColumns;
-  };
   var FormRender = /* @__PURE__ */ vue.defineComponent({
     props: {
       prefixCls: String,
-      columns: {
+      items: {
         type: Array,
         default: () => []
       },
@@ -33412,25 +33423,6 @@
     setup: (props) => {
       var _a, _b, _c;
       const activeTabKey = vue.ref(((_a = props.search) == null ? void 0 : _a.cardProps) !== false ? (_c = (_b = props.search) == null ? void 0 : _b.cardProps) == null ? void 0 : _c.activeTabKey : "");
-      const formItems = vue.computed(() => {
-        var _a2, _b2, _c2;
-        if ((_b2 = (_a2 = props.search) == null ? void 0 : _a2.items) == null ? void 0 : _b2.length) {
-          return (_c2 = props.search) == null ? void 0 : _c2.items;
-        }
-        return flatColumnsHandle(props.columns).filter((item) => {
-          if (item.hideInSearch) {
-            return false;
-          }
-          return true;
-        }).map((item) => {
-          return {
-            ...item,
-            width: void 0,
-            tooltip: item.headerTooltip,
-            name: item.dataIndex
-          };
-        });
-      });
       const cardProps = vue.computed(() => {
         var _a2, _b2;
         if (!((_a2 = props.search) == null ? void 0 : _a2.cardProps)) {
@@ -33465,7 +33457,7 @@
         const searchDom = vue.createVNode(ProQueryFilter, vue.mergeProps({
           "class": `${props.prefixCls}-form`
         }, omit(props.search || {}, ["cardProps", "tabName"]), {
-          "items": formItems.value,
+          "items": props.items,
           "loading": props.loading,
           "style": {
             marginBlockEnd: ((_a2 = props.search) == null ? void 0 : _a2.cardProps) !== false ? 0 : "40px"
@@ -33635,6 +33627,28 @@
         };
         return loopFilter(tableColumn.value);
       });
+      const formItems = vue.computed(() => {
+        var _a2, _b, _c;
+        if (!props.search) {
+          return [];
+        }
+        if ((_b = (_a2 = props.search) == null ? void 0 : _a2.items) == null ? void 0 : _b.length) {
+          return (_c = props.search) == null ? void 0 : _c.items;
+        }
+        return flatColumnsHandle(props.columns).filter((item) => {
+          if (item.hideInSearch) {
+            return false;
+          }
+          return true;
+        }).map((item) => {
+          return {
+            ...item,
+            width: void 0,
+            tooltip: item.headerTooltip,
+            name: item.dataIndex
+          };
+        });
+      });
       const preserveRecordsRef = vue.ref(/* @__PURE__ */ new Map());
       const getRowKey = vue.computed(() => typeof props.rowKey == "function" ? props.rowKey : (record) => {
         return record == null ? void 0 : record[props.rowKey || "id"];
@@ -33682,7 +33696,8 @@
       };
       const hideToolbar = vue.computed(() => props.options === false && !props.title && !slots.title && !slots.toolbar && !slots.searchExtra && !slots.toolbarActions);
       const notNeedCardDom = vue.computed(() => {
-        if (props.search === false && props.toolBar === false) {
+        var _a2;
+        if ((props.search === false || !((_a2 = formItems.value) == null ? void 0 : _a2.length)) && props.toolBar === false) {
           return true;
         }
         return false;
@@ -33749,7 +33764,7 @@
         reset
       });
       return () => {
-        var _a2, _b;
+        var _a2, _b, _c;
         const {
           expandIcon = slots.expandIcon,
           expandedRowRender = slots.expandedRowRender
@@ -33818,9 +33833,9 @@
         }, attrs, {
           "class": [`${mergedPrefixCls.value}-wrapper ${props.bordered ? mergedPrefixCls.value + "-wrapper-bordered" : ""} ${"dark" === theme.value ? mergedPrefixCls.value + "-wrapper-dark" : ""} ${pollingLoading.value ? mergedPrefixCls.value + "-wrapper-polling" : ""}`, attrs.class],
           "onKeydown": onKeydown
-        }), [props.search !== false && vue.createVNode(FormRender, {
+        }), [props.search !== false && !!((_c = formItems.value) == null ? void 0 : _c.length) && vue.createVNode(FormRender, {
           "prefixCls": mergedPrefixCls.value,
-          "columns": props.columns,
+          "items": formItems.value,
           "cardBordered": props.cardBordered,
           "search": props.search,
           "loading": formSubmitLoading.value,