@fangzhongya/fang-ui 0.1.22 → 0.1.23

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/icons/index.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.22",
+  "version": "0.1.23",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -51,14 +51,14 @@
     "vue-tsc": "^3.1.3",
     "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/directives": "0.0.1-0",
     "@fang-ui/hooks": "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/icons": "0.0.1-0",
+    "@fang-ui/theme": "0.0.1-0",
+    "@fang-ui/types": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",