@fangzhongya/fang-ui 0.1.22 → 0.1.24

package/dist/components/common/list.cjs

@@ -146,16 +146,14 @@ function comHandle(props2, emit, config) {
           if (config == null ? void 0 : config.getValue) v = config.getValue(v);
           if (v && v instanceof Array) {
             return v.join(props2.multiple);
-          } else {
-            return v;
           }
+          return v;
         };
         setMultipleValue = (v) => {
-          let arr = [];
           if (v && typeof v === "string") {
-            arr = v.split(props2.multiple);
+            return v.split(props2.multiple);
           }
-          return arr;
+          return v;
         };
         setValue(3);
       }

package/dist/components/common/list.js

@@ -144,16 +144,14 @@ function comHandle(props2, emit, config) {
           if (config == null ? void 0 : config.getValue) v = config.getValue(v);
           if (v && v instanceof Array) {
             return v.join(props2.multiple);
-          } else {
-            return v;
           }
+          return v;
         };
         setMultipleValue = (v) => {
-          let arr = [];
           if (v && typeof v === "string") {
-            arr = v.split(props2.multiple);
+            return v.split(props2.multiple);
           }
-          return arr;
+          return v;
         };
         setValue(3);
       }

package/dist/components/index.scss

@@ -119,4 +119,4 @@
 @use './tablesp/index.scss' as *;
 @use './tablespd/index.scss' as *;
 @use './tabless/index.scss' as *;
-@use './tablesv/index.scss' as *;
+@use './tablesvp/index.scss' as *;

package/dist/components/list/src/index2.cjs

@@ -7,7 +7,6 @@ const use = require("../../common/use.cjs");
 const compons = require("../../common/compons.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const tooltip = require("../../tables/common/tooltip.cjs");
-require("../../tables/common/config.cjs");
 const index = require("../../../hooks/props-default/index.cjs");
 const data = require("./data.cjs");
 require("../../tables/common/img.cjs");
@@ -28,7 +27,7 @@ const _sfc_main = vue.defineComponent({
     const cs = index$1.useCssName(data.name);
     const refDom = vue.ref();
     const isfocus = vue.ref(false);
-    const rowObj = vue.ref();
+    const rowObj = vue.shallowRef();
     const borderColor = vue.computed(() => {
       const d = "#ccc";
       if (typeof props.border === "boolean") {
@@ -37,9 +36,10 @@ const _sfc_main = vue.defineComponent({
         return props.border ?? d;
       }
     });
+    const ComponSelectedName = "compon-selected";
     function isComponSelected(obj) {
       if (use.useObjComponSelected(obj, props)) {
-        if (rowObj.value == obj) {
+        if (rowObj.value === obj) {
           if (isfocus.value) {
             return true;
           } else {
@@ -148,6 +148,7 @@ const _sfc_main = vue.defineComponent({
           },
           class: [
             cs.z("table-th"),
+            ComponSelectedName,
             cs.is("whole", obj.whole),
             cs.is(
               "width",
@@ -159,13 +160,11 @@ const _sfc_main = vue.defineComponent({
             obj.class ?? ""
           ].join(" "),
           colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
-          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj)
-          // onClick: (event: Event) => {
-          // 	isfocus.value = true;
-          // 	rowObj.value = obj;
-          // 	event.stopPropagation();
-          // 	return false;
-          // },
+          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj),
+          onClick: () => {
+            isfocus.value = true;
+            rowObj.value = obj;
+          }
         },
         [
           vue.h(
@@ -254,19 +253,18 @@ const _sfc_main = vue.defineComponent({
           style: css.setStyles(obj, props.value, props),
           class: [
             cs.z("table-td"),
+            ComponSelectedName,
             cs.is("whole", obj.whole),
             "items" + (obj.items ?? props.items),
             "align" + (obj.align ?? props.align),
             obj.class ?? ""
           ].join(" "),
           colspan: setColspan(obj),
-          rowspan: setRowspan(obj, isRow)
-          // onClick: (event: Event) => {
-          // 	isfocus.value = true;
-          // 	rowObj.value = obj;
-          // 	event.stopPropagation();
-          // 	return false;
-          // },
+          rowspan: setRowspan(obj, isRow),
+          onClick: () => {
+            isfocus.value = true;
+            rowObj.value = obj;
+          }
         },
         [...getChildrenValue(obj, index2)]
       );
@@ -350,6 +348,14 @@ const _sfc_main = vue.defineComponent({
       }
       return;
     };
+    const onClickTotal = (event) => {
+      const isFromGrandchild = event.target.closest(
+        "." + ComponSelectedName
+      );
+      if (!isFromGrandchild) {
+        isfocus.value = false;
+      }
+    };
     const renderValue = () => {
       if (props.list && props.list.length > 0) {
         return vue.h(
@@ -364,12 +370,8 @@ const _sfc_main = vue.defineComponent({
               rowMaxHeight: props.rowMaxHeight,
               lineClamp: props.lineClamp,
               interval: props.interval
-            })
-            // onClick(event: Event) {
-            // 	isfocus.value = true;
-            // 	event.stopPropagation();
-            // 	return false;
-            // },
+            }),
+            onClick: onClickTotal
           },
           [
             vue.h(
@@ -398,9 +400,7 @@ const _sfc_main = vue.defineComponent({
     };
     vue.onMounted(() => {
       if (window) {
-        window.addEventListener("click", () => {
-          isfocus.value = false;
-        });
+        window.addEventListener("click", onClickTotal);
       }
     });
     return {

package/dist/components/list/src/index2.js

@@ -1,11 +1,10 @@
-import { defineComponent, ref, computed, h, onMounted } from "vue";
+import { defineComponent, ref, shallowRef, computed, h, onMounted } from "vue";
 import { setLabel, setSslot } from "./util.js";
 import { setStyles } from "../../common/css.js";
 import { useObjComponSelected, useHide } from "../../common/use.js";
 import { useCompons } from "../../common/compons.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { hideTooltip, showTooltip } from "../../tables/common/tooltip.js";
-import "../../tables/common/config.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import "../../tables/common/img.js";
@@ -26,7 +25,7 @@ const _sfc_main = defineComponent({
     const cs = useCssName(name);
     const refDom = ref();
     const isfocus = ref(false);
-    const rowObj = ref();
+    const rowObj = shallowRef();
     const borderColor = computed(() => {
       const d = "#ccc";
       if (typeof props.border === "boolean") {
@@ -35,9 +34,10 @@ const _sfc_main = defineComponent({
         return props.border ?? d;
       }
     });
+    const ComponSelectedName = "compon-selected";
     function isComponSelected(obj) {
       if (useObjComponSelected(obj, props)) {
-        if (rowObj.value == obj) {
+        if (rowObj.value === obj) {
           if (isfocus.value) {
             return true;
           } else {
@@ -146,6 +146,7 @@ const _sfc_main = defineComponent({
           },
           class: [
             cs.z("table-th"),
+            ComponSelectedName,
             cs.is("whole", obj.whole),
             cs.is(
               "width",
@@ -157,13 +158,11 @@ const _sfc_main = defineComponent({
             obj.class ?? ""
           ].join(" "),
           colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
-          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj)
-          // onClick: (event: Event) => {
-          // 	isfocus.value = true;
-          // 	rowObj.value = obj;
-          // 	event.stopPropagation();
-          // 	return false;
-          // },
+          rowspan: props.labelPosition == "top" ? void 0 : setRowspan(obj),
+          onClick: () => {
+            isfocus.value = true;
+            rowObj.value = obj;
+          }
         },
         [
           h(
@@ -252,19 +251,18 @@ const _sfc_main = defineComponent({
           style: setStyles(obj, props.value, props),
           class: [
             cs.z("table-td"),
+            ComponSelectedName,
             cs.is("whole", obj.whole),
             "items" + (obj.items ?? props.items),
             "align" + (obj.align ?? props.align),
             obj.class ?? ""
           ].join(" "),
           colspan: setColspan(obj),
-          rowspan: setRowspan(obj, isRow)
-          // onClick: (event: Event) => {
-          // 	isfocus.value = true;
-          // 	rowObj.value = obj;
-          // 	event.stopPropagation();
-          // 	return false;
-          // },
+          rowspan: setRowspan(obj, isRow),
+          onClick: () => {
+            isfocus.value = true;
+            rowObj.value = obj;
+          }
         },
         [...getChildrenValue(obj, index)]
       );
@@ -348,6 +346,14 @@ const _sfc_main = defineComponent({
       }
       return;
     };
+    const onClickTotal = (event) => {
+      const isFromGrandchild = event.target.closest(
+        "." + ComponSelectedName
+      );
+      if (!isFromGrandchild) {
+        isfocus.value = false;
+      }
+    };
     const renderValue = () => {
       if (props.list && props.list.length > 0) {
         return h(
@@ -362,12 +368,8 @@ const _sfc_main = defineComponent({
               rowMaxHeight: props.rowMaxHeight,
               lineClamp: props.lineClamp,
               interval: props.interval
-            })
-            // onClick(event: Event) {
-            // 	isfocus.value = true;
-            // 	event.stopPropagation();
-            // 	return false;
-            // },
+            }),
+            onClick: onClickTotal
           },
           [
             h(
@@ -396,9 +398,7 @@ const _sfc_main = defineComponent({
     };
     onMounted(() => {
       if (window) {
-        window.addEventListener("click", () => {
-          isfocus.value = false;
-        });
+        window.addEventListener("click", onClickTotal);
       }
     });
     return {

package/dist/components/uploads/src/data.cjs

@@ -77,7 +77,7 @@ const dataProps = {
   }
 };
 const dataHandle = list.comHandle;
-const dataEmits = [...list.emits, "views"];
+const dataEmits = [...list.emits, "views", "httpRequest"];
 const dataSlot = {
   default: "default",
   views: "views"

package/dist/components/uploads/src/data.js

@@ -75,7 +75,7 @@ const dataProps = {
   }
 };
 const dataHandle = comHandle;
-const dataEmits = [...emits, "views"];
+const dataEmits = [...emits, "views", "httpRequest"];
 const dataSlot = {
   default: "default",
   views: "views"

package/dist/components/uploads/src/index2.cjs

@@ -141,6 +141,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             if (is) {
               if (multiple.value) {
                 value.value.splice(index2, 1);
+                value.value = value.value;
               } else {
                 value.value = "";
               }
@@ -152,6 +153,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       } else {
         if (multiple.value) {
           value.value.splice(index2, 1);
+          value.value = value.value;
         } else {
           value.value = "";
         }
@@ -206,12 +208,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           if (v instanceof Array) {
             if (value.value) {
               value.value.push(...v);
+              value.value = value.value;
             } else {
               value.value = [...v];
             }
           } else {
             if (value.value) {
               value.value.push(v);
+              value.value = value.value;
             } else {
               value.value = [v];
             }

package/dist/components/uploads/src/index2.js

@@ -139,6 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             if (is) {
               if (multiple.value) {
                 value.value.splice(index, 1);
+                value.value = value.value;
               } else {
                 value.value = "";
               }
@@ -150,6 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         if (multiple.value) {
           value.value.splice(index, 1);
+          value.value = value.value;
         } else {
           value.value = "";
         }
@@ -204,12 +206,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           if (v instanceof Array) {
             if (value.value) {
               value.value.push(...v);
+              value.value = value.value;
             } else {
               value.value = [...v];
             }
           } else {
             if (value.value) {
               value.value.push(v);
+              value.value = value.value;
             } else {
               value.value = [v];
             }

package/dist/css/index.css

@@ -1835,4 +1835,26 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1762909550581,
+    "lastModified": 1762957513602,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "

package/dist/index.css

@@ -1835,4 +1835,26 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.22",
+  "version": "0.1.24",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -52,13 +52,13 @@
     "vuedraggable": "4.1.0",
     "vxe-table": "4.17.13",
     "@fang-ui/icons": "0.0.1-0",
-    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/components": "0.0.1-0",
+    "@fang-ui/locale": "0.0.1-0",
+    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/types": "0.0.1-0",
     "@fang-ui/utils": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0"
+    "@fang-ui/theme": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",