@fangzhongya/vue-archive 0.0.2-8 → 0.0.2

package/dist/es/packages/components/test/top.js

@@ -1,159 +1,188 @@
-import "../../../node_modules/.pnpm/vue@3.2.47/node_modules/vue/dist/vue.esm-bundler.js";
-import { defineComponent as u, h as e } from "../../../node_modules/.pnpm/@vue_runtime-core@3.2.47/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
-const y = u({
+import { defineComponent, h } from "vue";
+const Top = defineComponent({
   /**
    * @props {Stinrg} value 插入数据
    */
   props: {
     value: Array
   },
-  render(f, h, c) {
-    var d;
-    let i = [], o = [], s = [];
-    const r = () => {
-      s.length > 0 && (i.push(
-        e(
-          "div",
-          {
-            class: "test-top-list"
-          },
-          s
-        )
-      ), s = []);
-    }, l = () => {
-      i.length > 0 && (o.push(
-        e(
-          "div",
-          {
-            class: "test-top-division"
-          },
-          i
-        )
-      ), i = []);
+  render(propss, a, props) {
+    var _a;
+    let doms = [];
+    let domss = [];
+    let list = [];
+    const setTitle = () => {
+      if (list.length > 0) {
+        doms.push(
+          h(
+            "div",
+            {
+              class: "test-top-list"
+            },
+            list
+          )
+        );
+        list = [];
+      }
+    };
+    const setDivision = () => {
+      if (doms.length > 0) {
+        domss.push(
+          h(
+            "div",
+            {
+              class: "test-top-division"
+            },
+            doms
+          )
+        );
+        doms = [];
+      }
     };
-    return (d = c.value) == null || d.forEach((t) => {
-      const n = [];
-      let a = !1;
-      if (t.date && (a = !0, n.push(
-        e(
-          "div",
-          {
-            class: "test-top-date"
-          },
-          [
-            e("span", {}, "更新时间："),
-            e(
-              "span",
-              {},
-              t.date.name + " " + t.date.description
-            )
-          ]
-        )
-      )), t.author && (a = !0, n.push(
-        e(
-          "div",
-          {
-            class: "test-top-author"
-          },
-          [
-            e("span", {}, "作者："),
-            e(
-              "span",
-              {},
-              t.author.name + " " + t.author.description
-            )
-          ]
-        )
-      )), t.title && (t.title.type || t.title.name || t.title.description)) {
-        r(), a && l();
-        let p = t.title.type || "div";
-        i.push(
-          e(
-            p,
+    (_a = props.value) == null ? void 0 : _a.forEach((obj) => {
+      const info = [];
+      let is = false;
+      if (obj.date) {
+        is = true;
+        info.push(
+          h(
+            "div",
+            {
+              class: "test-top-date"
+            },
+            [
+              h("span", {}, "更新时间："),
+              h(
+                "span",
+                {},
+                obj.date.name + " " + obj.date.description
+              )
+            ]
+          )
+        );
+      }
+      if (obj.author) {
+        is = true;
+        info.push(
+          h(
+            "div",
+            {
+              class: "test-top-author"
+            },
+            [
+              h("span", {}, "作者："),
+              h(
+                "span",
+                {},
+                obj.author.name + " " + obj.author.description
+              )
+            ]
+          )
+        );
+      }
+      if (obj.title && (obj.title.type || obj.title.name || obj.title.description)) {
+        setTitle();
+        if (is) {
+          setDivision();
+        }
+        let type = obj.title.type || "div";
+        doms.push(
+          h(
+            type,
             {
               class: "test-top-title"
             },
             [
-              e(
+              h(
                 "span",
                 {},
-                t.title.name + " " + t.title.description
+                obj.title.name + " " + obj.title.description
               )
             ]
           )
         );
       }
-      if (a && (s.length > 0 && (r(), l()), i.push(
-        e(
-          "div",
-          {
-            class: "test-top-info"
-          },
-          n
-        )
-      )), t.text) {
-        let p = t.text.type || "div";
-        s.push(
-          e(
-            p,
+      if (is) {
+        if (list.length > 0) {
+          setTitle();
+          setDivision();
+        }
+        doms.push(
+          h(
+            "div",
+            {
+              class: "test-top-info"
+            },
+            info
+          )
+        );
+      }
+      if (obj.text) {
+        let type = obj.text.type || "div";
+        list.push(
+          h(
+            type,
             {
               class: "test-top-text"
             },
             [
-              e(
+              h(
                 "span",
                 {},
-                t.text.name + " " + t.text.description
+                obj.text.name + " " + obj.text.description
               )
             ]
           )
         );
       }
-      if (t.proposal) {
-        let p = t.proposal.type || "div";
-        s.push(
-          e(
-            p,
+      if (obj.proposal) {
+        let type = obj.proposal.type || "div";
+        list.push(
+          h(
+            type,
             {
               class: "test-top-proposal"
             },
             [
-              e(
+              h(
                 "span",
                 {},
-                t.proposal.name + " " + t.proposal.description
+                obj.proposal.name + " " + obj.proposal.description
               )
             ]
           )
         );
       }
-      if (t.error) {
-        let p = t.error.type || "div";
-        s.push(
-          e(
-            p,
+      if (obj.error) {
+        let type = obj.error.type || "div";
+        list.push(
+          h(
+            type,
             {
               class: "test-top-error"
             },
             [
-              e(
+              h(
                 "span",
                 {},
-                t.error.name + " " + t.error.description
+                obj.error.name + " " + obj.error.description
               )
             ]
           )
         );
       }
-    }), r(), l(), e(
+    });
+    setTitle();
+    setDivision();
+    return h(
       "div",
       {
         class: "test-top"
       },
-      o
+      domss
     );
   }
 });
 export {
-  y as default
+  Top as default
 };

package/dist/es/packages/components/use/index.js

@@ -1,14 +1,12 @@
-import "../../../node_modules/.pnpm/vue@3.2.47/node_modules/vue/dist/vue.esm-bundler.js";
-import b from "./set-props.vue.js";
-import j from "./set-emit.vue.js";
-import T from "./set-code.vue.js";
-import y from "./set-expose.vue.js";
-import C from "./set-slot.vue.js";
-import { getPropsValue as E, getEmitsValue as O, getExposeValue as $, getSlotValue as D } from "../../utils/props.js";
-import { firstUpper as g } from "../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-10/node_modules/@fangzhongya/utils/dist/chunk-EWJJKQIO.js";
-import { reactive as w } from "../../../node_modules/.pnpm/@vue_reactivity@3.2.47/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js";
-import { defineComponent as h, defineAsyncComponent as U, resolveComponent as k, h as t } from "../../../node_modules/.pnpm/@vue_runtime-core@3.2.47/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
-const M = h({
+import { defineComponent, reactive, defineAsyncComponent, resolveComponent, h } from "vue";
+import _sfc_main from "./set-props.vue.js";
+import _sfc_main$2 from "./set-emit.vue.js";
+import _sfc_main$1 from "./set-code.vue.js";
+import _sfc_main$3 from "./set-expose.vue.js";
+import _sfc_main$4 from "./set-slot.vue.js";
+import { getPropsValue, getEmitsValue, getExposeValue, getSlotValue } from "../../utils/props.js";
+import { firstUpper } from "../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-10/node_modules/@fangzhongya/utils/dist/chunk-EWJJKQIO.js";
+const Use = defineComponent({
   /**
    * @props {Stinrg} value 插入数据
    */
@@ -20,139 +18,166 @@ const M = h({
       type: Object
     }
   },
-  render(A, P, f, R, m) {
+  render(propss, a, props, b, data) {
     console.log("render", new Date().getTime());
-    const n = w({
+    const rdata = reactive({
       emitValue: {},
       slotValue: {}
-    }), o = f.value;
-    let i = "div";
-    o.component ? i = U(o.component) : o.name && (i = k(o.name));
-    const p = f.param, d = E(p.props), c = O(p.emits), x = $(p.expose), V = D(p.slot), l = {}, v = {};
-    d.forEach((s) => {
-      let e = s.name;
-      if (!e.includes(".")) {
-        let a = e.split("/");
-        e = (a[0] || "").trim(), e && (l[e] = m.propsValue[e], a && a.length > 1 && c.push({
-          name: "update:" + e,
-          description: s.description,
-          selectable: "value:[" + s.type + "]"
-        }));
+    });
+    const value = props.value;
+    let dom = "div";
+    if (value.component) {
+      dom = defineAsyncComponent(value.component);
+    } else if (value.name) {
+      dom = resolveComponent(value.name);
+    }
+    const param = props.param;
+    const ps = getPropsValue(param.props);
+    const es = getEmitsValue(param.emits);
+    const res = getExposeValue(param.expose);
+    const ss = getSlotValue(param.slot);
+    const propsObj = {};
+    const slotObj = {};
+    ps.forEach((val) => {
+      let name = val.name;
+      if (!name.includes(".")) {
+        let arr = name.split("/");
+        name = (arr[0] || "").trim();
+        if (name) {
+          propsObj[name] = data.propsValue[name];
+          if (arr && arr.length > 1) {
+            es.push({
+              name: "update:" + name,
+              description: val.description,
+              selectable: "value:[" + val.type + "]"
+            });
+          }
+        }
+      }
+    });
+    es.forEach((val) => {
+      let knam = val.name;
+      if (knam.includes("-")) {
+        let arr = knam.split("-");
+        arr = arr.map((vs, i) => {
+          return firstUpper(vs);
+        });
+        knam = arr.join("");
+      } else {
+        knam = firstUpper(knam);
       }
-    }), c.forEach((s) => {
-      let e = s.name;
-      if (e.includes("-")) {
-        let r = e.split("-");
-        r = r.map((u, S) => g(u)), e = r.join("");
-      } else
-        e = g(e);
-      const a = "on" + e;
-      l[a] = (...r) => {
-        const u = {
-          arr: r,
+      const name = "on" + knam;
+      propsObj[name] = (...arr) => {
+        const ss2 = {
+          arr,
           _date_: new Date().getTime()
         };
-        n.emitValue[s.name] = u;
+        rdata.emitValue[val.name] = ss2;
       };
     });
-    let _;
-    return V.forEach((s) => {
-      const e = s.name || "default";
-      v[e] = (a) => {
-        if (n.slotValue[e])
-          return t(
-            h({
+    let refDom;
+    ss.forEach((val) => {
+      const name = val.name || "default";
+      slotObj[name] = (scope) => {
+        if (rdata.slotValue[name]) {
+          return h(
+            defineComponent({
               props: {
                 scope: {
                   type: Object
                 }
               },
-              template: n.slotValue[e]
+              template: rdata.slotValue[name]
             }),
             {
-              scope: a
+              scope
             }
           );
+        }
       };
-    }), t(
+    });
+    return h(
       "div",
       {
         class: "use"
       },
       [
-        t(
+        h(
           "div",
           {
             class: "use-props"
           },
-          t(b, {
-            name: o.name,
-            list: d,
-            onChange: (s, e) => {
-              m.propsValue = s, m.propsText = e;
+          h(_sfc_main, {
+            name: value.name,
+            list: ps,
+            onChange: (val, text) => {
+              data.propsValue = val;
+              data.propsText = text;
             }
           })
         ),
-        t(
+        h(
           "div",
           {
             class: "use-component"
           },
-          t(
-            i,
+          h(
+            dom,
             {
-              ...l,
-              ref: (s) => {
-                _ = s;
+              ...propsObj,
+              ref: (el) => {
+                refDom = el;
               }
             },
-            v
+            slotObj
           )
         ),
-        t(
+        h(
           "div",
           {
             class: "use-code"
           },
-          t(T, {
-            name: o.name,
-            value: l,
-            propsText: m.propsText,
-            slotValue: n.slotValue
+          h(_sfc_main$1, {
+            name: value.name,
+            value: propsObj,
+            propsText: data.propsText,
+            slotValue: rdata.slotValue
           })
         ),
-        t(
+        h(
           "div",
           {
             class: "use-emit"
           },
-          t(j, {
-            name: o.name,
-            list: c,
-            value: n.emitValue
+          h(_sfc_main$2, {
+            name: value.name,
+            list: es,
+            value: rdata.emitValue
           })
         ),
-        t(
+        h(
           "div",
           {
             class: "use-expose"
           },
-          t(y, {
-            name: o.name,
-            list: x,
-            getRef: () => _
+          h(_sfc_main$3, {
+            name: value.name,
+            list: res,
+            getRef: () => {
+              return refDom;
+            }
           })
         ),
-        t(
+        h(
           "div",
           {
             class: "use-slot"
           },
-          t(C, {
-            name: o.name,
-            list: V,
-            onChange: (s, e) => {
-              n.slotValue[s] = e;
+          h(_sfc_main$4, {
+            name: value.name,
+            list: ss,
+            onChange: (name, str) => {
+              rdata.slotValue[name] = str;
             }
           })
         )
@@ -174,5 +199,5 @@ const M = h({
   // },
 });
 export {
-  M as default
+  Use as default
 };