@fangzhongya/fang-ui 0.1.27 → 0.1.28

package/dist/css/tablesvpd.css

@@ -0,0 +1,157 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
+.tablesv {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tablesv-table.is-absolute {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.tablesv-table {
+  background-color: transparent;
+}
+.tablesv-table .vxe-body--column {
+  overflow: hidden;
+  padding: 8px 0;
+}
+.tablesv-table .col--checkbox .vxe-checkbox--label {
+  padding-left: 0;
+}
+.tablesv .fv-custom-checkbox {
+  cursor: pointer;
+}
+.tablesv .fv-custom-checkbox.is-disabled {
+  cursor: not-allowed;
+}
+.tablesv .fv-custom-checkbox .el-checkbox__label {
+  color: var(--vxe-table-header-font-color);
+  font-weight: var(--vxe-table-header-font-weight);
+}
+.tablesv .fv-custom-checkbox {
+  position: relative;
+}
+.tablesv .fv-custom-checkbox .fv-custom-checkbox-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  opacity: 0;
+}
+.tablesv .fv-custom-radio {
+  cursor: pointer;
+}
+.tablesv .fv-custom-radio.is-disabled {
+  cursor: not-allowed;
+}
+.tablesv .fv-custom-radio {
+  position: relative;
+}
+.tablesv .fv-custom-radio .el-radio {
+  height: auto;
+}
+.tablesv .fv-custom-radio.center .el-radio {
+  text-align: center;
+  display: table-cell;
+}
+.tablesv .fv-custom-radio.center .el-radio__label {
+  display: none;
+}
+.tablesv .fv-custom-radio.right .el-radio {
+  text-align: right;
+  display: table-cell;
+}
+.tablesv .fv-custom-radio.right .el-radio__label {
+  display: none;
+}
+.tablesv .fv-custom-radio .fv-custom-radio-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  opacity: 0;
+}
+
+.paging {
+  width: 100%;
+  padding: 10px;
+}
+.paging-pagination {
+  width: 100%;
+}
+.paging-slot {
+  padding-left: 10px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+  white-space: pre-wrap;
+}
+.paging-slot > span {
+  margin-right: 10px;
+  white-space: nowrap;
+}
+.paging .el-pagination__total {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+}
+
+.tablesvpd {
+  width: 100%;
+  height: var(--tablesvpd-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvpd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvpd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvpd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablesvpd-paginat {
+  overflow: hidden;
+}
+.tablesvpd-paginat .el-pagination {
+  justify-content: flex-end;
+}

package/dist/css/uploads.css

@@ -18,6 +18,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .uploads {
   display: flex;
   align-items: center;

package/dist/css/videos.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .videos {
   display: flex;
   height: 100%;

package/dist/css/window.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/expand/{chunk-MC76Q3TQ.cjs → chunk-3HP2ZDNG.cjs}

@@ -138,7 +138,8 @@ var config_default = {
     "tablespd",
     "tabless",
     "tablesv",
-    "tablesvp"
+    "tablesvp",
+    "tablesvpd"
   ],
   "directives": [
     "adjust",
@@ -210,6 +211,7 @@ var config_default = {
     "tabless",
     "tablesv",
     "tablesvp",
+    "tablesvpd",
     "button",
     "card",
     "color-picker",

package/dist/expand/{chunk-CV4O5V2F.js → chunk-7C25SBCF.js}

@@ -138,7 +138,8 @@ var config_default = {
     "tablespd",
     "tabless",
     "tablesv",
-    "tablesvp"
+    "tablesvp",
+    "tablesvpd"
   ],
   "directives": [
     "adjust",
@@ -210,6 +211,7 @@ var config_default = {
     "tabless",
     "tablesv",
     "tablesvp",
+    "tablesvpd",
     "button",
     "card",
     "color-picker",

package/dist/expand/components.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMC76Q3TQcjs = require('./chunk-MC76Q3TQ.cjs');
+var _chunk3HP2ZDNGcjs = require('./chunk-3HP2ZDNG.cjs');
 
 // expand/components.ts
 var _humpToLine = require('@fangzhongya/utils/name/humpToLine');
@@ -35,11 +35,11 @@ function getFrom(mc, type, conf) {
   const p = config.prefix ? config.prefix + "-" : "";
   const filename = p ? mc.replace(new RegExp("^" + p), "") : mc;
   if (type == 1) {
-    if (_chunkMC76Q3TQcjs.config_default.components.includes(filename)) {
+    if (_chunk3HP2ZDNGcjs.config_default.components.includes(filename)) {
       const name = _lineToLargeHump.lineToLargeHump.call(void 0, mc);
       const from = `${config.name}/components/${filename}/index`;
       let sideEffects;
-      if (_chunkMC76Q3TQcjs.config_default.sideEffects.includes(filename)) {
+      if (_chunk3HP2ZDNGcjs.config_default.sideEffects.includes(filename)) {
         if (conf.css) {
           sideEffects = `${config.name}/components/${filename}/style/index${conf.css || 2}.scss`;
         } else {
@@ -55,14 +55,14 @@ function getFrom(mc, type, conf) {
       return;
     }
   } else {
-    if (_chunkMC76Q3TQcjs.config_default.directives.includes(filename)) {
+    if (_chunk3HP2ZDNGcjs.config_default.directives.includes(filename)) {
       const name = "default";
       const from = `${config.name}/directives/${filename}/index`;
       return {
         name,
         from
       };
-    } else if (_chunkMC76Q3TQcjs.config_default.directives.includes("v-" + filename)) {
+    } else if (_chunk3HP2ZDNGcjs.config_default.directives.includes("v-" + filename)) {
       const name = "default";
       const from = `${config.name}/directives/${"v-" + filename}/index`;
       return {

package/dist/expand/components.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-CV4O5V2F.js";
+} from "./chunk-7C25SBCF.js";
 
 // expand/components.ts
 import { humpToLine } from "@fangzhongya/utils/name/humpToLine";

package/dist/expand/config.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMC76Q3TQcjs = require('./chunk-MC76Q3TQ.cjs');
+var _chunk3HP2ZDNGcjs = require('./chunk-3HP2ZDNG.cjs');
 
 
-exports.default = _chunkMC76Q3TQcjs.config_default;
+exports.default = _chunk3HP2ZDNGcjs.config_default;

package/dist/expand/config.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-CV4O5V2F.js";
+} from "./chunk-7C25SBCF.js";
 export {
   config_default as default
 };

package/dist/hooks/compons/index.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const components = require("../../components/common/compons/components.cjs");
+require("../../utils/index.cjs");
+const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
+function getCompons(...arrs) {
+  const coms = {};
+  arrs.forEach((obj) => {
+    Object.keys(obj).forEach((key) => {
+      const tkey = lineToLargeHump.lineToLargeHump(key);
+      coms[tkey] = obj[key];
+    });
+  });
+  return coms;
+}
+const comkey = "com";
+const comKeyValue = "-compons";
+let weakRef;
+function useCompons(key = comkey, props, ...arrs) {
+  const is = props.isCompons;
+  if (is) {
+    weakRef = components.components;
+  }
+  const compons = props.compons || {};
+  const tfcom = getCompons(compons, ...arrs);
+  if (Object.keys(tfcom).length > 0) {
+    vue.provide(key + comKeyValue, tfcom);
+  }
+  return tfcom;
+}
+function useComponsGet(key = comkey, value = {}) {
+  const coms = vue.inject(key + comKeyValue, value);
+  if (weakRef) {
+    return {
+      ...weakRef,
+      ...coms
+    };
+  } else {
+    return coms;
+  }
+}
+exports.useCompons = useCompons;
+exports.useComponsGet = useComponsGet;

package/dist/hooks/compons/index.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'vue';
+type Compons = {
+    [key: string]: Component;
+};
+export declare function useCompons(key: string | undefined, props: ObjAny, ...arrs: Compons[]): Compons;
+export declare function useComponsGet(key?: string, value?: Compons): Compons;
+export {};

package/dist/hooks/compons/index.js

@@ -0,0 +1,44 @@
+import { provide, inject } from "vue";
+import { components } from "../../components/common/compons/components.js";
+import "../../utils/index.js";
+import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
+function getCompons(...arrs) {
+  const coms = {};
+  arrs.forEach((obj) => {
+    Object.keys(obj).forEach((key) => {
+      const tkey = lineToLargeHump(key);
+      coms[tkey] = obj[key];
+    });
+  });
+  return coms;
+}
+const comkey = "com";
+const comKeyValue = "-compons";
+let weakRef;
+function useCompons(key = comkey, props, ...arrs) {
+  const is = props.isCompons;
+  if (is) {
+    weakRef = components;
+  }
+  const compons = props.compons || {};
+  const tfcom = getCompons(compons, ...arrs);
+  if (Object.keys(tfcom).length > 0) {
+    provide(key + comKeyValue, tfcom);
+  }
+  return tfcom;
+}
+function useComponsGet(key = comkey, value = {}) {
+  const coms = inject(key + comKeyValue, value);
+  if (weakRef) {
+    return {
+      ...weakRef,
+      ...coms
+    };
+  } else {
+    return coms;
+  }
+}
+export {
+  useCompons,
+  useComponsGet
+};

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1763043663479,
+    "lastModified": 1763474711826,
     "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.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index$30 = require("./components/index.cjs");
-const index$31 = require("./directives/index.cjs");
-const index$32 = require("./icons/index.cjs");
+const index$31 = require("./components/index.cjs");
+const index$32 = require("./directives/index.cjs");
+const index$33 = require("./icons/index.cjs");
 const index$1 = require("./components/draggable/index.cjs");
 const index$3 = require("element-plus/es/components/button/index");
 const index$2 = require("./components/button/index.cjs");
@@ -186,27 +186,28 @@ const index$2Q = require("./components/tablespd/index.cjs");
 const index$2R = require("./components/tabless/index.cjs");
 const index$2S = require("./components/tablesv/index.cjs");
 const index$2T = require("./components/tablesvp/index.cjs");
-const index$2U = require("./directives/adjust/index.cjs");
-const index$2V = require("./directives/drag/index.cjs");
-const index$2W = require("./directives/expose/index.cjs");
-const index$2X = require("./directives/inserted/index.cjs");
-const index$2Y = require("./directives/locus/index.cjs");
-const index$2Z = require("./directives/scroll/index.cjs");
-const index$2_ = require("./directives/sortable/index.cjs");
-const index$2$ = require("./directives/stick/index.cjs");
+const index$2U = require("./components/tablesvpd/index.cjs");
+const index$2V = require("./directives/adjust/index.cjs");
+const index$2W = require("./directives/drag/index.cjs");
+const index$2X = require("./directives/expose/index.cjs");
+const index$2Y = require("./directives/inserted/index.cjs");
+const index$2Z = require("./directives/locus/index.cjs");
+const index$2_ = require("./directives/scroll/index.cjs");
+const index$2$ = require("./directives/sortable/index.cjs");
+const index$30 = require("./directives/stick/index.cjs");
 const index = {
   install: function(app) {
-    const com = index$30;
+    const com = index$31;
     Object.keys(com).forEach((key) => {
       if (com[key].install) {
         com[key].install(app);
       }
     });
-    const dire = index$31;
+    const dire = index$32;
     Object.keys(dire).forEach((key) => {
       app.directive(key, dire[key]);
     });
-    index$32.default(app);
+    index$33.default(app);
   }
 };
 exports.Draggable = index$1.Draggable;
@@ -351,14 +352,15 @@ exports.Tablespd = index$2Q.Tablespd;
 exports.Tabless = index$2R.Tabless;
 exports.Tablesv = index$2S.Tablesv;
 exports.Tablesvp = index$2T.Tablesvp;
-exports.Adjust = index$2U.default;
-exports.Drag = index$2V.default;
-exports.Expose = index$2W.default;
-exports.Inserted = index$2X.default;
-exports.Locus = index$2Y.default;
-exports.Scroll = index$2Z.default;
-exports.Sortable = index$2_.default;
-exports.Stick = index$2$.default;
+exports.Tablesvpd = index$2U.Tablesvpd;
+exports.Adjust = index$2V.default;
+exports.Drag = index$2W.default;
+exports.Expose = index$2X.default;
+exports.Inserted = index$2Y.default;
+exports.Locus = index$2Z.default;
+exports.Scroll = index$2_.default;
+exports.Sortable = index$2$.default;
+exports.Stick = index$30.default;
 exports.default = index;
 Object.keys(index$3).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/dist/index.css

@@ -18,6 +18,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;
@@ -106,12 +110,6 @@
   font-size: 0;
 }
 
-.dates .dates-date {
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-}
-
 .selects-select {
   height: 100%;
   min-width: 60px;
@@ -121,6 +119,12 @@
   height: 100%;
 }
 
+.dates .dates-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .inputs-input {
   height: 100%;
 }
@@ -1857,9 +1861,43 @@
 .tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
+.tablesvp-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
 .tablesvp-paginat {
   overflow: hidden;
 }
 .tablesvp-paginat .el-pagination {
   justify-content: flex-end;
+}
+
+.tablesvpd {
+  width: 100%;
+  height: var(--tablesvpd-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvpd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvpd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvpd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablesvpd-paginat {
+  overflow: hidden;
+}
+.tablesvpd-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/dist/index.js

@@ -185,6 +185,7 @@ import { Tablespd } from "./components/tablespd/index.js";
 import { Tabless } from "./components/tabless/index.js";
 import { Tablesv } from "./components/tablesv/index.js";
 import { Tablesvp } from "./components/tablesvp/index.js";
+import { Tablesvpd } from "./components/tablesvpd/index.js";
 import { default as default2 } from "./directives/adjust/index.js";
 import { default as default3 } from "./directives/drag/index.js";
 import { default as default4 } from "./directives/expose/index.js";
@@ -339,6 +340,7 @@ export {
   Tabless,
   Tablesv,
   Tablesvp,
+  Tablesvpd,
   Tabs,
   Tag,
   Text,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.27",
+  "version": "0.1.28",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,7 +24,7 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.47"
+    "@fangzhongya/utils": "0.0.48"
   },
   "devDependencies": {
     "@fangzhongya/create": "0.2.41",
@@ -34,9 +34,9 @@
     "@vue/shared": "3.5.24",
     "axios": "^1.13.2",
     "d3-timer": "3.0.1",
-    "element-plus": "^2.11.7",
+    "element-plus": "^2.11.8",
     "fast-glob": "^3.3.3",
-    "sass": "^1.94.0",
+    "sass": "^1.94.1",
     "sortablejs": "1.15.6",
     "ts-node": "^10.9.2",
     "tsup": "^8.5.1",
@@ -46,18 +46,18 @@
     "unplugin-vue-components": "30.0.0",
     "vite": "^6.3.5",
     "vitepress": "1.6.4",
-    "vitest": "^4.0.8",
+    "vitest": "^4.0.10",
     "vue": "^3.5.24",
-    "vue-tsc": "^3.1.3",
-    "vxe-table": "4.17.14",
+    "vue-tsc": "^3.1.4",
+    "vxe-table": "4.6.20",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/locale": "0.0.1-0",
+    "@fang-ui/directives": "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/directives": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0"
+    "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",