@fangzhongya/fang-ui 0.0.96 → 0.0.98

package/dist/components/form/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/form.scss' as *;

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

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/form.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/form-item/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/form-item.scss' as *;

package/dist/components/form-item/style/index2.scss

@@ -1,5 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/form-item.scss' as *;
-@use 'element-plus/theme-chalk/src/form.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/forms/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -108,7 +109,7 @@
 
 .selects-select {
   height: 100%;
-  min-width: 100px;
+  min-width: 60px;
   width: 100%;
 }
 .selects-select > div {
@@ -201,6 +202,11 @@
   cursor: not-allowed;
 }
 
+.images-img {
+  width: 100%;
+  height: 100%;
+}
+
 .input-array {
   width: 100%;
   display: inline-flex;
@@ -446,6 +452,85 @@
   width: 100%;
 }
 
+.uploads {
+  display: flex;
+  align-items: center;
+}
+.uploads-upload-trigger {
+  width: 60px;
+  height: 60px;
+  border: 1px dashed #ccc;
+  font-size: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.uploads-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.uploads-list-li {
+  position: relative;
+  margin-right: 10px;
+  width: 60px;
+  height: 60px;
+  border: 1px solid #ccc;
+}
+.uploads-list-li:hover .uploads-list-li-operation {
+  display: flex;
+}
+.uploads-list-li-operation {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+  z-index: 100;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+}
+.uploads-list-li-operation > span {
+  font-size: 16px;
+  padding: 3px;
+  line-height: 1;
+  cursor: pointer;
+}
+.uploads-list-li-operation-delete {
+  color: var(--el-color-danger);
+}
+.uploads-list-li-value {
+  height: 100%;
+}
+.uploads-list-li-value-img {
+  height: 100%;
+  width: 100%;
+}
+.uploads-list-li-value-document {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.uploads-list-li-value-document-bg {
+  position: absolute;
+  inset: 0;
+  opacity: 0.1;
+}
+.uploads-list-li-value-document-text {
+  max-height: 100%;
+  /* 换行设置 */
+  white-space: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  /* 多行省略 */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
+  line-height: 1.1;
+}
+
 .forms {
   --forms-inline-right: 16px;
   --forms-row-height: 32px;

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

@@ -2,8 +2,8 @@
 @use '../../form-item/style/index2.scss' as *;
 @use '../../button/style/index2.scss' as *;
 
-@use '../index.scss' as *;
-
 @use '../../forms-div/style/index2.scss' as *;
 @use '../../forms-item/style/index2.scss' as *;
 @use '../../common/compons2.scss' as *;
+
+@use '../index.scss' as *;

package/dist/components/full-screen/index.cjs

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

package/dist/components/full-screen/index.css

@@ -0,0 +1,25 @@
+: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);
+}
+
+.full-screen {
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  position: relative;
+}
+.full-screen-buts {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+}

package/dist/components/full-screen/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const FullScreen: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { FullScreen, FullScreen as default };

package/dist/components/full-screen/index.js

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

package/dist/components/full-screen/index.scss

@@ -0,0 +1,14 @@
+@use '../scss/common.scss' as *;
+
+$full-screen: 'full-screen';
+@include b($full-screen) {
+	width: 100%;
+	height: 100%;
+	background-color: #fff;
+	position: relative;
+	&-buts {
+		position: absolute;
+		top: 5px;
+		right: 5px;
+	}
+}

package/dist/components/full-screen/src/data.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({
+  /**
+   * @props { Boolean } isBody= ( )
+   * 页面全屏
+   */
+  isBody: {
+    type: Boolean
+  },
+  /**
+   * @props { Boolean } isFullBus= ( )
+   * 页面全屏
+   */
+  isFullBus: { type: Boolean }
+});
+const dataEmits = {
+  change: (evt) => {
+  }
+};
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/full-screen/src/data.d.ts

@@ -0,0 +1,35 @@
+import { ExtractPublicPropTypes } from 'vue';
+export declare const dataProps: {
+    /**
+     * @props { Boolean } isBody= ( )
+     * 页面全屏
+     */
+    isBody: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @props { Boolean } isFullBus= ( )
+     * 页面全屏
+     */
+    isFullBus: {
+        type: BooleanConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ * @emits change (val:boolean)
+ * 切换全屏
+ */
+export declare const dataEmits: {
+    change: (evt: boolean) => void;
+};
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+};
+/**
+ */
+export declare const dataExpose: {};

package/dist/components/full-screen/src/data.js

@@ -0,0 +1,29 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const dataProps = buildProps({
+  /**
+   * @props { Boolean } isBody= ( )
+   * 页面全屏
+   */
+  isBody: {
+    type: Boolean
+  },
+  /**
+   * @props { Boolean } isFullBus= ( )
+   * 页面全屏
+   */
+  isFullBus: { type: Boolean }
+});
+const dataEmits = {
+  change: (evt) => {
+  }
+};
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};

package/dist/components/full-screen/src/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/full-screen/src/index.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/full-screen/src/index2.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vues = require("vue");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$3 = require("../../button/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+const index$2 = require("../../../hooks/full-screen/index.cjs");
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("full-screen");
+    const props = __props;
+    const emit = __emit;
+    const domRef = vues.ref();
+    const { isFullscreen, toggle } = index$2.useFullscreen();
+    console.log("isFullscreen", isFullscreen);
+    const onClick = () => {
+      if (props.isBody) {
+        toggle();
+      } else {
+        toggle(domRef.value);
+      }
+      emit("change", isFullscreen.value);
+    };
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vues.openBlock(), vues.createElementBlock("div", {
+        ref_key: "domRef",
+        ref: domRef,
+        class: vues.normalizeClass(vues.unref(cs).z())
+      }, [
+        vues.withDirectives(vues.createVNode(vues.unref(index$3.Button), {
+          class: vues.normalizeClass(vues.unref(cs).z("buts")),
+          onClick
+        }, {
+          default: vues.withCtx(() => [
+            vues.createTextVNode(vues.toDisplayString(vues.unref(isFullscreen) ? "退出全屏" : "全屏"), 1)
+          ]),
+          _: 1
+        }, 8, ["class"]), [
+          [vues.vShow, !vues.unref(isFullscreen) || props.isFullBus]
+        ]),
+        vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/full-screen/src/index2.js

@@ -0,0 +1,54 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, unref, withDirectives, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, vShow } from "vue";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { Button } from "../../button/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useFullscreen } from "../../../hooks/full-screen/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
+    const cs = useCssName("full-screen");
+    const props = __props;
+    const emit = __emit;
+    const domRef = ref();
+    const { isFullscreen, toggle } = useFullscreen();
+    console.log("isFullscreen", isFullscreen);
+    const onClick = () => {
+      if (props.isBody) {
+        toggle();
+      } else {
+        toggle(domRef.value);
+      }
+      emit("change", isFullscreen.value);
+    };
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "domRef",
+        ref: domRef,
+        class: normalizeClass(unref(cs).z())
+      }, [
+        withDirectives(createVNode(unref(Button), {
+          class: normalizeClass(unref(cs).z("buts")),
+          onClick
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(isFullscreen) ? "退出全屏" : "全屏"), 1)
+          ]),
+          _: 1
+        }, 8, ["class"]), [
+          [vShow, !unref(isFullscreen) || props.isFullBus]
+        ]),
+        renderSlot(_ctx.$slots, unref(dataSlot).default)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/image/style/element.scss

@@ -1 +1,3 @@
-@use 'element-plus/theme-chalk/src/image-viewer.scss' as *;
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use '../../image-viewer/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/image.scss' as *;

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

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/image.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/image-viewer/index.cjs

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

package/dist/components/image-viewer/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const ImageViewer: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { ImageViewer, ImageViewer as default };

package/dist/components/image-viewer/index.js

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

package/dist/components/image-viewer/index.scss

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

package/dist/components/image-viewer/src/data.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/image-viewer/src/data.d.ts

@@ -0,0 +1,14 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} ImageViewer 图片预览
+ * @text 目前完全继承 element-plus 中 el-image-viewer
+ */
+export declare const dataProps: {};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: never[];
+export type DataEmits = typeof dataEmits;
+export declare const dataSlot: {};
+/**
+ * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
+ */
+export declare const dataExpose: {};

package/dist/components/image-viewer/src/data.js

@@ -0,0 +1,11 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const dataProps = buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};

package/dist/components/image-viewer/src/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/image-viewer/src/index.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/image-viewer/src/index2.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vues = require("vue");
+const data = require("./data.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("element-plus/es/components/image-viewer/index");
+const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = vues.useAttrs();
+    const slots = vues.useSlots();
+    const cs = index.useCssName("image-viewer");
+    const props = __props;
+    const emit = __emit;
+    const elRef = vues.ref();
+    __expose(
+      index$1.useExpose(
+        {
+          ...data.dataExpose
+        },
+        elRef
+      )
+    );
+    return (_ctx, _cache) => {
+      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElImageViewer), vues.mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
+        class: vues.unref(cs).z()
+      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
+        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+          return {
+            name: k,
+            fn: vues.withCtx((scope) => [
+              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope || {})))
+            ])
+          };
+        })
+      ]), 1040, ["class"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/image-viewer/src/index2.js

@@ -0,0 +1,45 @@
+import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
+import { ElImageViewer } from "element-plus/es/components/image-viewer/index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const cs = useCssName("image-viewer");
+    const props = __props;
+    const emit = __emit;
+    const elRef = ref();
+    __expose(
+      useExpose(
+        {
+          ...dataExpose
+        },
+        elRef
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElImageViewer), mergeProps({
+        ref_key: "elRef",
+        ref: elRef,
+        class: unref(cs).z()
+      }, unref(attrs)), createSlots({ _: 2 }, [
+        renderList(Object.keys(unref(slots)), (k) => {
+          return {
+            name: k,
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
+            ])
+          };
+        })
+      ]), 1040, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/image-viewer/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/image-viewer.scss' as *;

package/dist/components/image-viewer/style/index2.scss

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

package/dist/components/images/index.css

@@ -0,0 +1,18 @@
+: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);
+}
+
+.images-img {
+  width: 100%;
+  height: 100%;
+}

package/dist/components/images/index.scss

@@ -2,4 +2,8 @@
 
 $images: 'images';
 @include b($images) {
+	&-img {
+		width: 100%;
+		height: 100%;
+	}
 }