y-design-ssr 0.0.38-beta.4 → 0.1.0

package/README.md

@@ -1,2 +1,8 @@
 
-一个基于 VUE3 的 UI 组件库
+一个基于 VUE3 的 UI 组件库
+
+node版本：16.9.1
+
+v0.0.36 及之前为webpack打包，不支持esm
+
+v0.1.0 后改为vite打包，支持esm、umd

package/libs/index.mjs

@@ -3845,14 +3845,17 @@ const Popup = /* @__PURE__ */ defineComponent({
     const onClickMask = (event) => {
       emit("clickMask", event);
       if (props.isCloseOnClickMask) {
-        emit("update:modelValue", false);
+        visible.value = false;
       }
     };
+    const visible = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
+    });
     return () => {
       const {
         teleport,
         position,
-        modelValue,
         customClass,
         duration,
         onAfterLeave,
@@ -3868,8 +3871,8 @@ const Popup = /* @__PURE__ */ defineComponent({
             zIndex
           }
         }, [createVNode(Mask, {
-          "modelValue": modelValue,
-          "onUpdate:modelValue": ($event) => modelValue = $event,
+          "modelValue": visible.value,
+          "onUpdate:modelValue": ($event) => visible.value = $event,
           "duration": duration,
           "lockScroll": lockScroll,
           "onClick": onClickMask,
@@ -3884,7 +3887,7 @@ const Popup = /* @__PURE__ */ defineComponent({
               "class": [bem$6("content", {
                 [position]: position
               }), customClass]
-            }, [((_a = slots.default) == null ? void 0 : _a.call(slots)) || null]), [[vShow, modelValue]])];
+            }, [((_a = slots.default) == null ? void 0 : _a.call(slots)) || null]), [[vShow, visible.value]])];
           }
         })])]
       });
@@ -4574,6 +4577,10 @@ const Input = /* @__PURE__ */ defineComponent({
       limitEl && limitEl.remove();
       limitEl = null;
     });
+    const visible = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
+    });
     return () => {
       const {
         type,
@@ -4584,7 +4591,6 @@ const Input = /* @__PURE__ */ defineComponent({
         size: inputSize,
         border,
         readonly,
-        modelValue,
         autocomplete,
         placeholder
       } = props;
@@ -4611,13 +4617,13 @@ const Input = /* @__PURE__ */ defineComponent({
       if (type === "textarea") {
         return withDirectives(createVNode("textarea", mergeProps(attrs, {
           "rows": rows,
-          "onUpdate:modelValue": ($event) => modelValue = $event
-        }), null), [[vModelText, modelValue]]);
+          "onUpdate:modelValue": ($event) => visible.value = $event
+        }), null), [[vModelText, visible.value]]);
       }
       return withDirectives(createVNode("input", mergeProps(attrs, {
-        "onUpdate:modelValue": ($event) => modelValue = $event,
+        "onUpdate:modelValue": ($event) => visible.value = $event,
         "type": type
-      }), null), [[vModelDynamic, modelValue]]);
+      }), null), [[vModelDynamic, visible.value]]);
     };
   }
 });
@@ -4878,7 +4884,7 @@ const Dialog = /* @__PURE__ */ defineComponent({
       confirm: false
     });
     const update = (value) => {
-      emit("update:modelValue", value);
+      visible.value = value;
     };
     const onClose = (actionType) => {
       var _a;
@@ -4928,9 +4934,12 @@ const Dialog = /* @__PURE__ */ defineComponent({
       num2 /= multiple || 2;
       return processing ? `${processing(num2)}px` : `${num2}px`;
     };
+    const visible = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
+    });
     return () => {
       const {
-        modelValue,
         width,
         title,
         titleAlign,
@@ -4947,8 +4956,8 @@ const Dialog = /* @__PURE__ */ defineComponent({
         teleport
       } = props;
       return createVNode(Popup, mergeProps({
-        "modelValue": modelValue,
-        "onUpdate:modelValue": ($event) => modelValue = $event,
+        "modelValue": visible.value,
+        "onUpdate:modelValue": ($event) => visible.value = $event,
         "customClass": bem$1(),
         "customStyle": {
           width: parseUnit(width)

package/libs/index.umd.js

@@ -3848,14 +3848,17 @@
       const onClickMask = (event) => {
         emit("clickMask", event);
         if (props.isCloseOnClickMask) {
-          emit("update:modelValue", false);
+          visible.value = false;
         }
       };
+      const visible = vue.computed({
+        get: () => props.modelValue,
+        set: (value) => emit("update:modelValue", value)
+      });
       return () => {
         const {
           teleport,
           position,
-          modelValue,
           customClass,
           duration,
           onAfterLeave,
@@ -3871,8 +3874,8 @@
               zIndex
             }
           }, [vue.createVNode(Mask, {
-            "modelValue": modelValue,
-            "onUpdate:modelValue": ($event) => modelValue = $event,
+            "modelValue": visible.value,
+            "onUpdate:modelValue": ($event) => visible.value = $event,
             "duration": duration,
             "lockScroll": lockScroll,
             "onClick": onClickMask,
@@ -3887,7 +3890,7 @@
                 "class": [bem$6("content", {
                   [position]: position
                 }), customClass]
-              }, [((_a = slots.default) == null ? void 0 : _a.call(slots)) || null]), [[vue.vShow, modelValue]])];
+              }, [((_a = slots.default) == null ? void 0 : _a.call(slots)) || null]), [[vue.vShow, visible.value]])];
             }
           })])]
         });
@@ -4577,6 +4580,10 @@
         limitEl && limitEl.remove();
         limitEl = null;
       });
+      const visible = vue.computed({
+        get: () => props.modelValue,
+        set: (value) => emit("update:modelValue", value)
+      });
       return () => {
         const {
           type,
@@ -4587,7 +4594,6 @@
           size: inputSize,
           border,
           readonly,
-          modelValue,
           autocomplete,
           placeholder
         } = props;
@@ -4614,13 +4620,13 @@
         if (type === "textarea") {
           return vue.withDirectives(vue.createVNode("textarea", vue.mergeProps(attrs, {
             "rows": rows,
-            "onUpdate:modelValue": ($event) => modelValue = $event
-          }), null), [[vue.vModelText, modelValue]]);
+            "onUpdate:modelValue": ($event) => visible.value = $event
+          }), null), [[vue.vModelText, visible.value]]);
         }
         return vue.withDirectives(vue.createVNode("input", vue.mergeProps(attrs, {
-          "onUpdate:modelValue": ($event) => modelValue = $event,
+          "onUpdate:modelValue": ($event) => visible.value = $event,
           "type": type
-        }), null), [[vue.vModelDynamic, modelValue]]);
+        }), null), [[vue.vModelDynamic, visible.value]]);
       };
     }
   });
@@ -4881,7 +4887,7 @@
         confirm: false
       });
       const update = (value) => {
-        emit("update:modelValue", value);
+        visible.value = value;
       };
       const onClose = (actionType) => {
         var _a;
@@ -4931,9 +4937,12 @@
         num2 /= multiple || 2;
         return processing ? `${processing(num2)}px` : `${num2}px`;
       };
+      const visible = vue.computed({
+        get: () => props.modelValue,
+        set: (value) => emit("update:modelValue", value)
+      });
       return () => {
         const {
-          modelValue,
           width,
           title,
           titleAlign,
@@ -4950,8 +4959,8 @@
           teleport
         } = props;
         return vue.createVNode(Popup, vue.mergeProps({
-          "modelValue": modelValue,
-          "onUpdate:modelValue": ($event) => modelValue = $event,
+          "modelValue": visible.value,
+          "onUpdate:modelValue": ($event) => visible.value = $event,
           "customClass": bem$1(),
           "customStyle": {
             width: parseUnit(width)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "y-design-ssr",
-  "version": "0.0.38-beta.4",
+  "version": "0.1.0",
   "description": "SSR component library of YUI with Vue3",
   "author": "yux-fe",
   "license": "MIT",
@@ -22,11 +22,12 @@
       "import": "./libs/index.mjs",
       "require": "./libs/index.umd.js"
     },
-    "./yui.css": "./libs/index.css"
+    "./yui.css": "./libs/style.css"
   },
   "types": "./libs/index.d.ts",
   "scripts": {
     "dev": "webpack serve --open --config config/webpack.dev.js",
+    "vite-dev": "vite --config vite.dev.config.js",
     "build:docs": "webpack --config config/webpack.docs.js",
     "build:packages": "rm -rf libs && webpack --config config/webpack.libs.js",
     "vite-build:packages": "rm -rf vite-libs && vite build",
@@ -118,7 +119,7 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "vue": "^3.2.0"
+    "vue": "^3.2.33"
   },
   "yui": {
     "scssPreData": [