@ebiz/designer-components 0.0.43 → 0.0.45

package/dist/index.mjs

@@ -133231,6 +133231,29 @@ const rIt = /* @__PURE__ */ kt(QAt, [["render", JAt], ["__scopeId", "data-v-d22a
   name: "EbizSData"
 }, SIt = /* @__PURE__ */ Object.assign(ETt, {
   props: {
+    showDemoData: {
+      type: Boolean,
+      default: !0
+    },
+    demoData: {
+      type: Array,
+      default: () => [
+        {
+          id: 1,
+          name: "张三",
+          age: 18,
+          gender: "男",
+          address: "北京市海淀区"
+        },
+        {
+          id: 2,
+          name: "李四",
+          age: 20,
+          gender: "女",
+          address: "北京市朝阳区"
+        }
+      ]
+    },
     showPageHeader: {
       type: Boolean,
       default: !0
@@ -133308,67 +133331,52 @@ const rIt = /* @__PURE__ */ kt(QAt, [["render", JAt], ["__scopeId", "data-v-d22a
   },
   emits: ["scroll", "load-more", "update:formData"],
   setup(e, { emit: t }) {
-    const n = X(1), r = X(10), a = X(!0), o = X(!1), i = X(0), l = X([10, 20, 50, 100]), s = X([
-      {
-        id: 1,
-        name: "张三",
-        age: 18,
-        gender: "男",
-        address: "北京市海淀区"
-      },
-      {
-        id: 2,
-        name: "李四",
-        age: 20,
-        gender: "女",
-        address: "北京市朝阳区"
-      }
-    ]), u = e, c = X({ ...u.formData }), d = X(""), f = async () => {
-      let y = {
-        keyword: d.value
+    const n = X(1), r = X(10), a = X(!0), o = X(!1), i = X(0), l = X([10, 20, 50, 100]), s = X(), u = e, c = j(() => window.localStorage.getItem("ebiz-develop-mode") === "designer" ? u.showDemoData ? u.demoData : [] : s.value), d = X({ ...u.formData }), f = X(""), v = async () => {
+      let b = {
+        keyword: f.value
       };
-      u.pageEnable && (y = {
+      u.pageEnable && (b = {
         page: n.value,
         pagesize: r.value
       });
-      const b = await Bn.fetch({ ...y, ...u.defaultParams, ...u.formData }, u.apiConfig, u.fetchUrl);
-      s.value = b.data || [], i.value = b.total || 0, a.value = (b.data || []).length === r.value, o.value = !1;
-    }, v = t;
+      const S = await Bn.fetch({ ...b, ...u.defaultParams, ...u.formData }, u.apiConfig, u.fetchUrl);
+      s.value = S.data || [], i.value = S.total || 0, a.value = (S.data || []).length === r.value, o.value = !1;
+    }, h = t;
     pt(() => {
-      n.value = 1, r.value = u.size, f();
+      n.value = 1, r.value = u.size, v();
     });
-    const h = (y) => {
-      v("search", y) !== !1 && (n.value = 1, f());
-    }, p = (y) => {
-      v("reset", y) !== !1 && (v("update:formData", { ...c.value }), n.value = 1, f());
-    }, m = () => {
-      f();
-    }, g = j({
+    const p = (b) => {
+      h("search", b) !== !1 && (n.value = 1, v());
+    }, m = (b) => {
+      h("reset", b) !== !1 && (h("update:formData", { ...d.value }), n.value = 1, v());
+    }, g = () => {
+      v();
+    }, y = j({
       get: () => u.formData,
-      set: (y) => {
-        v("update:formData", y);
+      set: (b) => {
+        h("update:formData", b);
       }
     });
-    return (y, b) => {
-      const S = $wt, w = bTt, O = ur;
+    return (b, S) => {
+      const w = $wt, O = bTt, A = ur;
       return k(), L("div", null, [
         R("div", wTt, [
-          e.showPageHeader || y.$slots.form ? (k(), oe(he(tM), {
+          e.showPageHeader || b.$slots.form ? (k(), oe(he(tM), {
             key: 0,
             bordered: !1
           }, {
             default: Z(() => [
               e.showPageHeader ? (k(), oe(he(gAt), { key: 0 })) : q("", !0),
-              e.showPageHeader ? (k(), oe(S, { key: 1 })) : q("", !0),
-              y.$slots.form ? (k(), oe(w, {
+              e.showPageHeader ? (k(), oe(w, { key: 1 })) : q("", !0),
+              b.$slots.form ? (k(), oe(O, {
                 key: 2,
-                modelValue: g.value,
-                "onUpdate:modelValue": b[0] || (b[0] = (A) => g.value = A),
+                modelValue: y.value,
+                "onUpdate:modelValue": S[0] || (S[0] = (E) => y.value = E),
                 ref: "formRef",
                 layout: "inline",
                 labelAlign: "top",
-                onSubmit: h,
-                onReset: p
+                onSubmit: p,
+                onReset: m
               }, {
                 buttons: Z(() => [
                   C(he(Hl), null, {
@@ -133377,7 +133385,7 @@ const rIt = /* @__PURE__ */ kt(QAt, [["render", JAt], ["__scopeId", "data-v-d22a
                         theme: "primary",
                         type: "submit"
                       }, {
-                        default: Z(() => b[4] || (b[4] = [
+                        default: Z(() => S[4] || (S[4] = [
                           be("搜索")
                         ])),
                         _: 1
@@ -133386,7 +133394,7 @@ const rIt = /* @__PURE__ */ kt(QAt, [["render", JAt], ["__scopeId", "data-v-d22a
                         theme: "default",
                         type: "reset"
                       }, {
-                        default: Z(() => b[5] || (b[5] = [
+                        default: Z(() => S[5] || (S[5] = [
                           be("重置")
                         ])),
                         _: 1
@@ -133396,7 +133404,7 @@ const rIt = /* @__PURE__ */ kt(QAt, [["render", JAt], ["__scopeId", "data-v-d22a
                   })
                 ]),
                 default: Z(() => [
-                  ne(y.$slots, "form")
+                  ne(b.$slots, "form")
                 ]),
                 _: 3
               }, 8, ["modelValue"])) : q("", !0)
@@ -133409,29 +133417,29 @@ const rIt = /* @__PURE__ */ kt(QAt, [["render", JAt], ["__scopeId", "data-v-d22a
             R("div", null, [
               R("div", CTt, [
                 R("div", STt, [
-                  ne(y.$slots, "left"),
-                  ne(y.$slots, "search", {}, () => [
+                  ne(b.$slots, "left"),
+                  ne(b.$slots, "search", {}, () => [
                     e.defaultSearch ? (k(), L("div", ATt, [
                       C(he(mr), {
-                        modelValue: d.value,
-                        "onUpdate:modelValue": b[1] || (b[1] = (A) => d.value = A),
+                        modelValue: f.value,
+                        "onUpdate:modelValue": S[1] || (S[1] = (E) => f.value = E),
                         placeholder: "请输入搜索内容",
-                        onChange: h
+                        onChange: p
                       }, null, 8, ["modelValue"])
                     ])) : q("", !0)
                   ])
                 ]),
                 R("div", kTt, [
-                  ne(y.$slots, "right"),
+                  ne(b.$slots, "right"),
                   C(he(Hl), { size: "10px" }, {
                     default: Z(() => [
                       C(he(wb), {
                         theme: "info",
                         variant: "outline",
-                        onClick: h
+                        onClick: p
                       }, {
                         default: Z(() => [
-                          C(O, { name: "refresh" })
+                          C(A, { name: "refresh" })
                         ]),
                         _: 1
                       }),
@@ -133442,18 +133450,18 @@ const rIt = /* @__PURE__ */ kt(QAt, [["render", JAt], ["__scopeId", "data-v-d22a
                 ])
               ]),
               R("div", OTt, [
-                ne(y.$slots, "default", { data: s.value })
+                ne(b.$slots, "default", { data: c.value })
               ])
             ]),
             e.pageEnable ? (k(), L("div", TTt, [
               C(he(bC), {
                 current: n.value,
-                "onUpdate:current": b[2] || (b[2] = (A) => n.value = A),
+                "onUpdate:current": S[2] || (S[2] = (E) => n.value = E),
                 "page-size": r.value,
-                "onUpdate:pageSize": b[3] || (b[3] = (A) => r.value = A),
+                "onUpdate:pageSize": S[3] || (S[3] = (E) => r.value = E),
                 total: i.value,
                 "page-size-options": l.value,
-                onChange: m
+                onChange: g
               }, null, 8, ["current", "page-size", "total", "page-size-options"])
             ])) : q("", !0)
           ]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebiz/designer-components",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/senior/EbizSData/index.vue

@@ -42,7 +42,7 @@
                     </div>
                 </div>
                 <div style="margin-top: 8px;">
-                    <slot :data="data"></slot>
+                    <slot :data="computedData"></slot>
                 </div>
             </div>
 
@@ -79,24 +79,30 @@ const refreshing = ref(false)
 const total = ref(0)
 const pageSizeOptions = ref([10, 20, 50, 100])
 
-const data = ref([
-    {
-        id: 1,
-        name: '张三',
-        age: 18,
-        gender: '男',
-        address: '北京市海淀区'
-    },
-    {
-        id: 2,
-        name: '李四',
-        age: 20,
-        gender: '女',
-        address: '北京市朝阳区'
-    }
-]);
+const data = ref();
 
 const props = defineProps({
+    showDemoData: {
+        type: Boolean,
+        default: true
+    },
+    demoData: {
+        type: Array,
+        default: () => [{
+            id: 1,
+            name: '张三',
+            age: 18,
+            gender: '男',
+            address: '北京市海淀区'
+        },
+            {
+                id: 2,
+                name: '李四',
+                age: 20,
+                gender: '女',
+                address: '北京市朝阳区'
+            }]
+    },
     showPageHeader: {
         type: Boolean,
         default: true
@@ -173,6 +179,18 @@ const props = defineProps({
     }
 });
 
+const computedData = computed(() => {
+    const developMode = window.localStorage.getItem('ebiz-develop-mode')
+    if (developMode === 'designer') {
+        if (props.showDemoData) {
+            return props.demoData
+        }
+        return [];
+    }
+    return data.value
+})
+
+
 const defaultFormData = ref({ ...props.formData })
 const searchValue = ref('')