@fangzhongya/fang-ui 0.0.28 → 0.0.30

package/dist/components/tabless/src/index.js

@@ -0,0 +1,118 @@
+import { defineComponent, useSlots, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, createCommentVNode, mergeProps, toHandlers, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { Tables } from "../../tables/index.js";
+import { Tablesv } from "../../tablesv/index.js";
+import { Paging } from "../../paging/index.js";
+import { dataEmit, dataProps, useInit } from "../../tables/common/pagin.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmit,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("tabless");
+    const slots = useSlots();
+    const props = __props;
+    const emit = __emit;
+    const refTable = ref();
+    const {
+      height,
+      getSelection,
+      initData,
+      getData,
+      empty,
+      loading,
+      tableList,
+      tableConfig,
+      onRadioChange,
+      onSortChange,
+      onListEvents,
+      onSelect,
+      onRowClick,
+      onChange,
+      pagconfig,
+      formEvent,
+      onSizeChange,
+      onCurrentChange,
+      paginat,
+      data
+    } = useInit(props, emit, refTable);
+    __expose({
+      getSelection,
+      initData,
+      getList: getData,
+      empty
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z()),
+        style: normalizeStyle(unref(cs).vdo({ height: unref(height) }))
+      }, [
+        unref(tableConfig).type == 1 ? (openBlock(), createBlock(unref(Tablesv), mergeProps({ key: 0 }, unref(tableConfig).config, toHandlers(unref(formEvent)), {
+          height: unref(height),
+          ref_key: "refTable",
+          ref: refTable,
+          class: [unref(cs).z("main")],
+          size: unref(tableConfig).config?.size,
+          value: unref(data).list,
+          list: unref(tableList),
+          paginat: unref(paginat),
+          loading: unref(loading),
+          options: props.options,
+          compons: props.compons,
+          onSortChange: unref(onSortChange),
+          onRadioChange: unref(onRadioChange),
+          onSelectionChange: unref(onChange),
+          onListEvents: unref(onListEvents)
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040, ["height", "class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"])) : (openBlock(), createBlock(unref(Tables), mergeProps({ key: 1 }, unref(tableConfig).config, toHandlers(unref(formEvent)), {
+          height: unref(height),
+          ref_key: "refTable",
+          ref: refTable,
+          class: [
+            unref(cs).z("main"),
+            unref(cs).is("radio", unref(tableConfig).config?.isradio)
+          ],
+          value: unref(data).list,
+          list: unref(tableList),
+          size: unref(tableConfig).config?.size,
+          paginat: unref(paginat),
+          loading: unref(loading),
+          options: props.options,
+          compons: props.compons,
+          onSortChange: unref(onSortChange),
+          onListEvents: unref(onListEvents),
+          onSelect: unref(onSelect),
+          onRowClick: unref(onRowClick),
+          onSelectionChange: unref(onChange)
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, i) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040, ["height", "class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])),
+        unref(tableConfig).paginat?.is ? (openBlock(), createBlock(unref(Paging), mergeProps({ key: 2 }, unref(pagconfig), {
+          class: unref(cs).z("paginat"),
+          paginat: unref(paginat),
+          total: unref(data).total,
+          onSizeChange: unref(onSizeChange),
+          onCurrentChange: unref(onCurrentChange)
+        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/tabless/style/index2.scss

@@ -0,0 +1,5 @@
+@use '../../tables/style/index2.scss' as *;
+@use '../../tablesv/style/index2.scss' as *;
+@use '../../paging/style/index2.scss' as *;
+
+@use '../index.scss' as *;

package/dist/components/{tables-pagin → tablesv}/index.cjs

@@ -3,6 +3,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
-const TablesPagin = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "TablesPagin");
-exports.TablesPagin = TablesPagin;
-exports.default = TablesPagin;
+const Tablesv = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Tablesv");
+exports.Tablesv = Tablesv;
+exports.default = Tablesv;

package/dist/components/{vxe-tables → tablesv}/index.css

@@ -12,7 +12,7 @@
   --g-main-bg: var(--bg-color-page);
 }
 
-.vtables {
+.tablesv {
   width: 100%;
   min-height: 100px;
   position: relative;
@@ -20,35 +20,35 @@
   display: flex;
   flex-direction: column;
 }
-.vtables-table {
+.tablesv-table {
   background-color: transparent;
 }
-.vtables-table.is-absolute {
+.tablesv-table.is-absolute {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
-.vtables-table .vxe-body--column {
+.tablesv-table .vxe-body--column {
   overflow: hidden;
   padding: 8px 0;
 }
-.vtables-table .col--checkbox .vxe-checkbox--label {
+.tablesv-table .col--checkbox .vxe-checkbox--label {
   padding-left: 0;
 }
-.vtables .fv-custom-checkbox {
+.tablesv .fv-custom-checkbox {
   cursor: pointer;
   position: relative;
 }
-.vtables .fv-custom-checkbox.is-disabled {
+.tablesv .fv-custom-checkbox.is-disabled {
   cursor: not-allowed;
 }
-.vtables .fv-custom-checkbox .el-checkbox__label {
+.tablesv .fv-custom-checkbox .el-checkbox__label {
   color: var(--vxe-table-header-font-color);
   font-weight: var(--vxe-table-header-font-weight);
 }
-.vtables .fv-custom-checkbox .fv-custom-checkbox-mask {
+.tablesv .fv-custom-checkbox .fv-custom-checkbox-mask {
   position: absolute;
   top: 0;
   right: 0;
@@ -57,31 +57,31 @@
   z-index: 1;
   opacity: 0;
 }
-.vtables .fv-custom-radio {
+.tablesv .fv-custom-radio {
   cursor: pointer;
   position: relative;
 }
-.vtables .fv-custom-radio.is-disabled {
+.tablesv .fv-custom-radio.is-disabled {
   cursor: not-allowed;
 }
-.vtables .fv-custom-radio .el-radio {
+.tablesv .fv-custom-radio .el-radio {
   height: auto;
 }
-.vtables .fv-custom-radio.center .el-radio {
+.tablesv .fv-custom-radio.center .el-radio {
   text-align: center;
   display: table-cell;
 }
-.vtables .fv-custom-radio.center .el-radio__label {
+.tablesv .fv-custom-radio.center .el-radio__label {
   display: none;
 }
-.vtables .fv-custom-radio.right .el-radio {
+.tablesv .fv-custom-radio.right .el-radio {
   text-align: right;
   display: table-cell;
 }
-.vtables .fv-custom-radio.right .el-radio__label {
+.tablesv .fv-custom-radio.right .el-radio__label {
   display: none;
 }
-.vtables .fv-custom-radio .fv-custom-radio-mask {
+.tablesv .fv-custom-radio .fv-custom-radio-mask {
   position: absolute;
   top: 0;
   right: 0;

package/dist/components/{vxe-tables → tablesv}/index.d.ts

@@ -1,6 +1,6 @@
 import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, Component, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 import { DefaultSort } from './src/data';
-declare const VxeTables: {
+declare const Tablesv: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         defaultSort: {
             type: () => DefaultSort;
@@ -271,4 +271,4 @@ declare const VxeTables: {
         'no-data'?(_: {}): any;
     };
 }) & Plugin;
-export { VxeTables, VxeTables as default };
+export { Tablesv, Tablesv as default };

package/dist/components/{tables-pagin → tablesv}/index.js

@@ -1,8 +1,8 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
-const TablesPagin = withInstall(_sfc_main, "TablesPagin");
+const Tablesv = withInstall(_sfc_main, "Tablesv");
 export {
-  TablesPagin,
-  TablesPagin as default
+  Tablesv,
+  Tablesv as default
 };

package/dist/components/{vxe-tables → tablesv}/index.scss

@@ -1,7 +1,7 @@
 @use '../css/common.scss' as *;
 
-$vtables: 'vtables';
-@include b($vtables) {
+$tablesv: 'tablesv';
+@include b($tablesv) {
 	// height: 100%;
 	width: 100%;
 	min-height: 100px;

package/dist/components/{vxe-tables → tablesv}/src/columns3.cjs

@@ -7,7 +7,7 @@ const colgroup = require("vxe-table/es/colgroup");
 const column = require("./column.cjs");
 function getLists(arrs, emit, props, slots, listobj) {
   let arr = [];
-  arrs == null ? void 0 : arrs.forEach((obj, index) => {
+  arrs?.forEach((obj, index) => {
     if (listobj) {
       obj.father = obj.father ?? {
         ...listobj,

package/dist/components/{vxe-tables → tablesv}/src/columns3.js

@@ -5,7 +5,7 @@ import { VxeColgroup } from "vxe-table/es/colgroup";
 import { setProps, columnRender, setHeader } from "./column.js";
 function getLists(arrs, emit, props, slots, listobj) {
   let arr = [];
-  arrs == null ? void 0 : arrs.forEach((obj, index) => {
+  arrs?.forEach((obj, index) => {
     if (listobj) {
       obj.father = obj.father ?? {
         ...listobj,

package/dist/components/{vxe-tables → tablesv}/src/index.cjs

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("vtables");
+    const cs = index.useCssName("tablesv");
     const slots = vue.useSlots();
     const attrs = index$1.useInherit(vue.useAttrs());
     const props = __props;
@@ -56,10 +56,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return sizeMap[props.size] || "";
     });
     const tableDefaultSort = vue.computed(() => {
-      var _a, _b;
       return {
-        prop: (_a = props.defaultSort) == null ? void 0 : _a.prop,
-        order: orderMap[(_b = props.defaultSort) == null ? void 0 : _b.order] || ""
+        prop: props.defaultSort?.prop,
+        order: orderMap[props.defaultSort?.order] || ""
       };
     });
     const setHover = () => {

package/dist/components/{vxe-tables → tablesv}/src/index.js

@@ -11,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("vtables");
+    const cs = useCssName("tablesv");
     const slots = useSlots();
     const attrs = useInherit(useAttrs());
     const props = __props;
@@ -54,10 +54,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return sizeMap[props.size] || "";
     });
     const tableDefaultSort = computed(() => {
-      var _a, _b;
       return {
-        prop: (_a = props.defaultSort) == null ? void 0 : _a.prop,
-        order: orderMap[(_b = props.defaultSort) == null ? void 0 : _b.order] || ""
+        prop: props.defaultSort?.prop,
+        order: orderMap[props.defaultSort?.order] || ""
       };
     });
     const setHover = () => {

package/dist/components/tablesv/style/index2.scss

@@ -0,0 +1 @@
+@use '../index.scss' as *;

package/dist/components/tablesvp/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+const withInstall = require("../../utils/vues/withInstall.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+const Tablesvp = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Tablesvp");
+exports.Tablesvp = Tablesvp;
+exports.default = Tablesvp;

package/dist/components/tablesvp/index.css

@@ -0,0 +1,130 @@
+: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);
+}
+
+.tablesv {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tablesv-table {
+  background-color: transparent;
+}
+.tablesv-table.is-absolute {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.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;
+  position: relative;
+}
+.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 .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;
+  position: relative;
+}
+.tablesv .fv-custom-radio.is-disabled {
+  cursor: not-allowed;
+}
+.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 {
+  padding: 10px;
+}
+.paging-slot {
+  padding-left: 10px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+  white-space: pre-wrap;
+}
+.paging .el-pagination__total {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+}
+
+.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;
+}