@fangzhongya/fang-ui 0.0.29 → 0.0.31

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

@@ -1,15 +1,16 @@
-import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, withCtx, renderSlot } from "vue";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode } from "vue";
 import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { ElOption } from "element-plus";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElOption } from "element-plus/es/components/select/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = ref();
-    const attrs = useAttrs();
+    const attrs = useInherit(useAttrs());
     useSlots();
     const cs = useCssName("option");
     useLocale();
@@ -19,20 +20,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       refEl
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        createVNode(unref(ElOption), mergeProps(unref(attrs), {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElOption), mergeProps(unref(attrs).assem, {
           value: props.value,
           ref_key: "refEl",
           ref: refEl
-        }), {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["value"])
-      ], 2);
+        }), null, 16, ["value"])
+      ], 16);
     };
   }
 });

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

@@ -0,0 +1,3 @@
+@use 'element-plus/theme-chalk/src/option.scss' as *;
+@use 'element-plus/theme-chalk/src/select.scss' as *;
+@use '../index.scss' as *;

package/dist/components/option-group/index.cjs

@@ -1,5 +1,6 @@
 "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 OptionGroup = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "OptionGroup");

package/dist/components/option-group/index.d.ts

@@ -79,6 +79,6 @@ declare const OptionGroup: {
 } & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
     refEl: Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: {}) => any>>;
+    $slots: Partial<Record<string, (_: any) => any>>;
 }) & Plugin;
 export { OptionGroup, OptionGroup as default };

package/dist/components/option-group/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const OptionGroup = withInstall(_sfc_main, "OptionGroup");

package/dist/components/option-group/index.scss

@@ -0,0 +1,5 @@
+@use '../css/common.scss' as *;
+
+$option-group: 'option-group';
+@include b($option-group) {
+}

package/dist/components/option-group/src/data.d.ts

@@ -1,8 +1,7 @@
 import { ExtractPublicPropTypes } from 'vue';
 /**
- * @title {h2} OptionGroup 选择器子组件组
+ * @title {h2} OptionGroup 输入框
  * @text 目前完全继承 element-plus 中 el-option-group
- * @text 必须在Select 选择器下使用
  */
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;

package/dist/components/option-group/src/index.cjs

@@ -2,41 +2,42 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const index$1 = require("../../../hooks/locale/index.cjs");
-const elementPlus = require("element-plus");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/locale/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const index$3 = require("element-plus/es/components/select/index");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = vue.ref();
-    const attrs = vue.useAttrs();
+    const attrs = index.useInherit(vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("option-group");
-    index$1.useLocale();
+    const cs = index$1.useCssName("option-group");
+    index$2.useLocale();
     __expose({
       ...data.dataExpose,
       refEl
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createVNode(vue.unref(elementPlus.ElOptionGroup), vue.mergeProps(vue.unref(attrs), {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(index$3.ElOptionGroup), vue.mergeProps(vue.unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
         }), vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
               ])
             };
           })
         ]), 1040)
-      ], 2);
+      ], 16);
     };
   }
 });

package/dist/components/option-group/src/index.d.ts

@@ -1,7 +1,7 @@
 import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent, PublicProps } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: {}) => any>>;
+    slots: Partial<Record<string, (_: any) => any>>;
     refs: {
         refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
             label: StringConstructor;

package/dist/components/option-group/src/index.js

@@ -1,15 +1,16 @@
-import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { ElOptionGroup } from "element-plus";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElOptionGroup } from "element-plus/es/components/select/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const refEl = ref();
-    const attrs = useAttrs();
+    const attrs = useInherit(useAttrs());
     const slots = useSlots();
     const cs = useCssName("option-group");
     useLocale();
@@ -18,23 +19,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       refEl
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        createVNode(unref(ElOptionGroup), mergeProps(unref(attrs), {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElOptionGroup), mergeProps(unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
         }), createSlots({ _: 2 }, [
           renderList(Object.keys(unref(slots)), (k, i) => {
             return {
               name: k,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, k)
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
               ])
             };
           })
         ]), 1040)
-      ], 2);
+      ], 16);
     };
   }
 });

package/dist/components/option-group/style/index2.scss

@@ -0,0 +1,3 @@
+@use 'element-plus/theme-chalk/src/option-group.scss' as *;
+@use 'element-plus/theme-chalk/src/select.scss' as *;
+@use '../index.scss' as *;

package/dist/components/page/index.css

@@ -12,6 +12,251 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.forms-div {
+  width: 100%;
+  height: 100%;
+}
+.forms-div-com {
+  height: 100%;
+}
+
+.forms-item {
+  width: 100%;
+}
+.forms-item-el-item.is-height {
+  min-height: var(--forms-item-row-height);
+}
+.forms-item-el-item.is-height .el-form-item__label {
+  height: var(--forms-item-row-height);
+  line-height: var(--forms-item-row-height);
+}
+.forms-item-el-item.is-top .el-form-item__content {
+  min-height: var(--forms-item-row-height);
+  display: grid;
+}
+
+.forms {
+  --forms-inline-right: 16px;
+  --forms-row-height: 32px;
+  --el-input-height: var(--forms-row-height);
+}
+.forms .el-form--label-center .el-form-item__label {
+  justify-content: center;
+  text-align: center;
+}
+.forms .el-form--label-left .el-form-item__label {
+  justify-content: flex-start;
+  text-align: left;
+}
+.forms .el-form-item__label {
+  text-align: left;
+}
+.forms-div--column .forms-li {
+  display: inline-flex;
+  margin-right: 0;
+}
+.forms-div--inline .forms-elf {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.forms-div--inline .forms-li {
+  height: fit-content;
+  margin-right: var(--forms-inline-right);
+}
+.forms-div--box .forms-elf {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.forms-div--box .forms-li {
+  box-sizing: border-box;
+  margin-right: 0;
+  padding-right: var(--forms-inline-right);
+}
+.forms-div--query .forms-elf {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.forms-div--query .forms-li {
+  height: fit-content;
+  margin-top: var(--forms-query-interval);
+  margin-bottom: var(--forms-query-interval);
+  margin-right: var(--forms-inline-right);
+}
+.forms-div--query .forms-li .el-form-item {
+  margin-bottom: 0;
+  flex: 1;
+}
+.forms-li .el-form-item {
+  margin-bottom: var(--forms-item-bottom);
+  flex: 1;
+}
+.forms-elf {
+  text-align: left;
+}
+.forms-elf.center .el-form-item__label {
+  justify-content: center;
+}
+.forms-buts-div .el-button {
+  height: inherit;
+}
+
+.lists-div .lists-table {
+  width: 100%;
+  height: 100%;
+}
+.lists-div .lists-table td {
+  text-align: left;
+}
+.lists-div .lists-table th {
+  font-weight: initial;
+}
+.lists-div .lists-table .is-whole .lists-table-auto {
+  width: 100%;
+}
+.lists-div .lists-table .is-whole .lists-table-value {
+  width: 100%;
+  display: block;
+}
+.lists-div .lists-table .lists-table-td,
+.lists-div .lists-table .lists-table-th {
+  padding: 6px;
+}
+.lists-div .lists-table .lists-table-auto {
+  display: inline-flex;
+  align-items: center;
+}
+.lists-div .lists-table .lists-table-auto .lists-table-label {
+  white-space: nowrap;
+}
+.lists-div .lists-table .lists-table-th {
+  text-align: left;
+}
+.lists-div .lists-table.right .lists-table-th {
+  text-align: right;
+}
+.lists-div .lists-table.center .lists-table-th {
+  text-align: center;
+}
+.lists-div .lists-table.auto .lists-table-th {
+  padding-right: 0;
+}
+.lists-div .lists-table.top .lists-table-th {
+  padding-bottom: 0;
+}
+.lists-div .lists-table.is-aliquots {
+  table-layout: fixed;
+}
+.lists-div .lists-table.is-border {
+  border-right: 1px solid var(--lists-border-color);
+  border-top: 1px solid var(--lists-border-color);
+  border-bottom: 1px solid var(--lists-border-color);
+}
+.lists-div .lists-table.is-border > tr > td {
+  border-bottom: 1px solid var(--lists-border-color);
+  border-left: 1px solid var(--lists-border-color);
+}
+.lists-div .lists-table.is-border > tr > td:last-child {
+  border-right: 1px solid var(--lists-border-color);
+}
+.lists-div .lists-table.is-border > tr > th {
+  border-left: 1px solid var(--lists-border-color);
+  border-bottom: 1px solid var(--lists-border-color);
+}
+.lists-div .lists-table.is-border > tr > th:last-child {
+  border-right: 1px solid var(--lists-border-color);
+}
+.lists-div .lists-table.is-border > tr:last-child > td {
+  border-bottom: 0;
+}
+.lists-div .lists-table.is-border > tr:last-child > th {
+  border-bottom: 0;
+}
+.lists-div .lists-table.is-border.top > tr > th {
+  border-bottom: 0;
+}
+
+.f-dialog.el-dialog {
+  padding: 0;
+}
+.f-dialog.el-dialog .el-dialog__header {
+  padding-top: 16px;
+  padding-left: 20px;
+  border-bottom: 1px solid var(--border);
+}
+.f-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
+  width: 56px;
+  height: 56px;
+  font-size: 22px;
+}
+.f-dialog.el-dialog .el-dialog__body {
+  padding: 20px 30px;
+}
+.f-dialog.el-dialog .el-dialog__footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.tables {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tables-table {
+  background-color: transparent;
+  --el-table-header-bg-color: rgb(248, 248, 249);
+}
+.tables-table.is-absolute {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 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;
+}
+
+.tablesp {
+  width: 100%;
+  height: var(--tablesp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesp-paginat {
+  overflow: hidden;
+}
+.tablesp-paginat .el-pagination {
+  justify-content: flex-end;
+}
+
 .page {
   height: 100%;
   width: 100%;