@fangzhongya/fang-ui 0.0.3 → 0.0.4

package/dist/components/global-config/index.css

@@ -0,0 +1,51 @@
+.com {
+  font-size: 20px;
+}
+
+.box-mask {
+  display: block;
+  opacity: 0.5;
+  z-index: 0;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(2, 28, 39, 0.4);
+}
+
+.box-title {
+  padding: 10px;
+  position: relative;
+  background-color: #467ddc;
+  color: #fff;
+  align-items: center;
+  display: flex;
+}
+.box-title .box-title-name {
+  flex: 1;
+}
+.box-title .box-title-close {
+  right: 10px;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+}
+.box-title .box-title-close i {
+  width: 20px;
+  height: 20px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+
+.cs {
+  text-align: center;
+}
+
+.drawer {
+  margin: 10px;
+}
+
+.global-config {
+  left: 0;
+}

package/dist/components/global-config/index.d.ts

@@ -1,33 +1,20 @@
-import { withInstall } from '../../utils';
-declare const GlobalConfig: withInstall<import("vue").DefineComponent<{
+declare const GlobalConfig: import('../../utils/vues').WithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     locale: {
-        readonly type: import("vue").PropType<import("../../types").Locale>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: import('vue').PropType<import('../../types/locale').Locale>;
     };
     zIndex: NumberConstructor;
     cssname: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: StringConstructor;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     locale: {
-        readonly type: import("vue").PropType<import("../../types").Locale>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: import('vue').PropType<import('../../types/locale').Locale>;
     };
     zIndex: NumberConstructor;
     cssname: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: StringConstructor;
     };
-}>>, {}>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export { GlobalConfig, GlobalConfig as default };

package/dist/components/global-config/index.js

@@ -1,5 +1,5 @@
-import "vue";
-import { withInstall } from "../../utils/vue/withInstall.js";
+/* empty css               */
+import { withInstall } from "../../utils/vues/withInstall.js";
 import SrcVue from "./src/index.js";
 const GlobalConfig = withInstall(SrcVue, "GlobalConfig");
 export {

package/dist/components/global-config/index.scss

@@ -0,0 +1,10 @@
+// @use '../common.scss' as *;
+
+// @use 'drawer/src/index.scss' as *;
+
+@use '../common.scss' as *;
+@use '../drawer/index.scss' as *;
+
+.#{$namespace}global-config {
+	left: 0;
+}

package/dist/components/global-config/src/data.cjs

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("../../../utils/vue/props/runtime.cjs");
-require("vue");
-const definePropType = require("../../../utils/vue/definePropType.cjs");
-const dataProps = runtime.buildProps({
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const definePropType = require("../../../utils/vues/definePropType.cjs");
+const dataProps = buildProps.buildProps({
   /**
    * @props { Object<Locale> } locale
    * @description 国际化对象

package/dist/components/global-config/src/data.d.ts

@@ -1,18 +1,23 @@
-import type { ExtractPropTypes } from 'vue';
-import type { Locale } from '../../../types';
+import { ExtractPublicPropTypes } from 'vue';
+import { Locale } from '../../../types/locale';
 export declare const dataProps: {
+    /**
+     * @props { Object<Locale> } locale
+     * @description 国际化对象
+     */
     locale: {
-        readonly type: import("vue").PropType<Locale>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: import('vue').PropType<Locale>;
     };
+    /**
+     * @description global Initial zIndex
+     */
     zIndex: NumberConstructor;
+    /**
+     * @props { String } cssname
+     * 前缀样式名称
+     */
     cssname: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: StringConstructor;
     };
 };
-export type DataProps = ExtractPropTypes<typeof dataProps>;
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;

package/dist/components/global-config/src/data.js

@@ -1,6 +1,5 @@
-import { buildProps } from "../../../utils/vue/props/runtime.js";
-import "vue";
-import { definePropType } from "../../../utils/vue/definePropType.js";
+import { buildProps } from "../../../utils/vues/buildProps.js";
+import { definePropType } from "../../../utils/vues/definePropType.js";
 const dataProps = buildProps({
   /**
    * @props { Object<Locale> } locale

package/dist/components/global-config/src/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const data = require("./data.cjs");
-require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/global-config/index.cjs");
 const vue = require("vue");
 const SrcVue = vue.defineComponent({

package/dist/components/global-config/src/index.d.ts

@@ -1,32 +1,20 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     locale: {
-        readonly type: import("vue").PropType<import("../../../types").Locale>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: import('vue').PropType<import('../../../types/locale').Locale>;
     };
     zIndex: NumberConstructor;
     cssname: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: StringConstructor;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     locale: {
-        readonly type: import("vue").PropType<import("../../../types").Locale>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: import('vue').PropType<import('../../../types/locale').Locale>;
     };
     zIndex: NumberConstructor;
     cssname: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
+        type: StringConstructor;
     };
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/global-config/src/index.js

@@ -1,5 +1,4 @@
 import { dataProps } from "./data.js";
-import "../../../hooks/cssname/index.js";
 import { provideGlobalConfig } from "../../../hooks/global-config/index.js";
 import { defineComponent, renderSlot } from "vue";
 const SrcVue = defineComponent({

package/dist/components/index.cjs

@@ -1,88 +1,119 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./cs-expose/index.cjs");
-const index$1 = require("./cs-emits/index.cjs");
+;/* empty css             */
+const index = require("./cs-emits/index.cjs");
+const index$1 = require("./cs-expose/index.cjs");
 const index$2 = require("./cs-i18n/index.cjs");
 const index$3 = require("./cs-props/index.cjs");
 const index$4 = require("./cs-slot/index.cjs");
 const index$5 = require("./cs-title/index.cjs");
 const index$6 = require("./button/index.cjs");
 const index$7 = require("./config-provider/index.cjs");
-const index$8 = require("./dialog/index.cjs");
-const index$9 = require("./alert/index.cjs");
+const index$8 = require("./alert/index.cjs");
+const index$9 = require("./dialog/index.cjs");
 const index$a = require("./drawer/index.cjs");
-const index$b = require("./popconfirm/index.cjs");
-const index$c = require("./tooltip/index.cjs");
-const index$d = require("./dropdown-item/index.cjs");
-const index$e = require("./dropdown/index.cjs");
-const index$f = require("./dropdown-menu/index.cjs");
-const index$g = require("./tab-pane/index.cjs");
-const index$h = require("./tabs/index.cjs");
-const index$i = require("./pagination/index.cjs");
-const index$j = require("./checkbox/index.cjs");
-const index$k = require("./checkbox-group/index.cjs");
-const index$l = require("./date-picker/index.cjs");
-const index$m = require("./time-select/index.cjs");
-const index$n = require("./time-picker/index.cjs");
-const index$o = require("./form/index.cjs");
-const index$p = require("./form-item/index.cjs");
-const index$q = require("./input/index.cjs");
-const index$r = require("./input-number/index.cjs");
-const index$s = require("./radio/index.cjs");
-const index$t = require("./radio-group/index.cjs");
-const index$u = require("./option/index.cjs");
-const index$v = require("./option-group/index.cjs");
-const index$w = require("./select/index.cjs");
-const index$x = require("./switch/index.cjs");
-const index$y = require("./upload/index.cjs");
-const index$z = require("./tree/index.cjs");
-const index$A = require("./forms/index.cjs");
-const index$B = require("./forms-item/index.cjs");
-const index$C = require("./date/index.cjs");
-const index$D = require("./checks/index.cjs");
-const index$E = require("./inputs/index.cjs");
-const index$F = require("./selects/index.cjs");
-const index$G = require("./global-config/index.cjs");
-exports.CsExpose = index.CsExpose;
-exports.CsEmits = index$1.CsEmits;
+const index$b = require("./loading/index.cjs");
+const index$d = require("./message-box/index.cjs");
+const index$e = require("./message/index.cjs");
+const index$f = require("./popconfirm/index.cjs");
+const index$g = require("./tooltip/index.cjs");
+const index$h = require("./checkbox-group/index.cjs");
+const index$i = require("./checkbox/index.cjs");
+const index$j = require("./date-picker/index.cjs");
+const index$k = require("./time-picker/index.cjs");
+const index$l = require("./time-select/index.cjs");
+const index$m = require("./form-item/index.cjs");
+const index$n = require("./form/index.cjs");
+const index$o = require("./input-number/index.cjs");
+const index$p = require("./input/index.cjs");
+const index$q = require("./radio-group/index.cjs");
+const index$r = require("./radio/index.cjs");
+const index$s = require("./option-group/index.cjs");
+const index$t = require("./option/index.cjs");
+const index$u = require("./select/index.cjs");
+const index$v = require("./switch/index.cjs");
+const index$w = require("./upload/index.cjs");
+const index$x = require("./dropdown-item/index.cjs");
+const index$y = require("./dropdown-menu/index.cjs");
+const index$z = require("./dropdown/index.cjs");
+const index$A = require("./tab-pane/index.cjs");
+const index$B = require("./tabs/index.cjs");
+const index$C = require("./pagination/index.cjs");
+const index$D = require("./tree/index.cjs");
+const index$E = require("./forms-item/index.cjs");
+const index$F = require("./forms/index.cjs");
+const index$G = require("./checks/index.cjs");
+const index$H = require("./date/index.cjs");
+const index$I = require("./inputs/index.cjs");
+const index$J = require("./selects/index.cjs");
+const index$K = require("./box-adjust/index.cjs");
+const index$L = require("./box-local/index.cjs");
+const index$M = require("./box-mask/index.cjs");
+const index$N = require("./box-teleport/index.cjs");
+const index$O = require("./box-title/index.cjs");
+const index$P = require("./box/index.cjs");
+const index$Q = require("./popup/index.cjs");
+const index$R = require("./stick-div/index.cjs");
+const index$S = require("./stick-edge/index.cjs");
+const index$T = require("./stick-window/index.cjs");
+const index$U = require("./window/index.cjs");
+const index$V = require("./global-config/index.cjs");
+const index$c = require("./loading/src/index.cjs");
+exports.CsEmits = index.CsEmits;
+exports.CsExpose = index$1.CsExpose;
 exports.CsI18n = index$2.CsI18n;
 exports.CsProps = index$3.CsProps;
 exports.CsSlot = index$4.CsSlot;
 exports.CsTitle = index$5.CsTitle;
 exports.Button = index$6.Button;
 exports.ConfigProvider = index$7.ConfigProvider;
-exports.Dialog = index$8.Dialog;
-exports.Alert = index$9.Alert;
+exports.Alert = index$8.Alert;
+exports.Dialog = index$9.Dialog;
 exports.Drawer = index$a.Drawer;
-exports.Popconfirm = index$b.Popconfirm;
-exports.Tooltip = index$c.Tooltip;
-exports.DropdownItem = index$d.DropdownItem;
-exports.Dropdown = index$e.Dropdown;
-exports.DropdownMenu = index$f.DropdownMenu;
-exports.TabPane = index$g.TabPane;
-exports.Tabs = index$h.Tabs;
-exports.Pagination = index$i.Pagination;
-exports.Checkbox = index$j.Checkbox;
-exports.CheckboxGroup = index$k.CheckboxGroup;
-exports.DatePicker = index$l.DatePicker;
-exports.TimeSelect = index$m.TimeSelect;
-exports.TimePicker = index$n.TimePicker;
-exports.Form = index$o.Form;
-exports.FormItem = index$p.FormItem;
-exports.Input = index$q.Input;
-exports.InputNumber = index$r.InputNumber;
-exports.Radio = index$s.Radio;
-exports.RadioGroup = index$t.RadioGroup;
-exports.Option = index$u.Option;
-exports.OptionGroup = index$v.OptionGroup;
-exports.Select = index$w.Select;
-exports.Switch = index$x.Switch;
-exports.Upload = index$y.Upload;
-exports.Tree = index$z.Tree;
-exports.Forms = index$A.Forms;
-exports.FormsItem = index$B.FormsItem;
-exports.Date = index$C.Date;
-exports.Checks = index$D.Checks;
-exports.Inputs = index$E.Inputs;
-exports.Selects = index$F.Selects;
-exports.GlobalConfig = index$G.GlobalConfig;
+exports.Loading = index$b.Loading;
+exports.MessageBox = index$d.MessageBox;
+exports.Message = index$e.Message;
+exports.Popconfirm = index$f.Popconfirm;
+exports.Tooltip = index$g.Tooltip;
+exports.CheckboxGroup = index$h.CheckboxGroup;
+exports.Checkbox = index$i.Checkbox;
+exports.DatePicker = index$j.DatePicker;
+exports.TimePicker = index$k.TimePicker;
+exports.TimeSelect = index$l.TimeSelect;
+exports.FormItem = index$m.FormItem;
+exports.Form = index$n.Form;
+exports.InputNumber = index$o.InputNumber;
+exports.Input = index$p.Input;
+exports.RadioGroup = index$q.RadioGroup;
+exports.Radio = index$r.Radio;
+exports.OptionGroup = index$s.OptionGroup;
+exports.Option = index$t.Option;
+exports.Select = index$u.Select;
+exports.Switch = index$v.Switch;
+exports.Upload = index$w.Upload;
+exports.DropdownItem = index$x.DropdownItem;
+exports.DropdownMenu = index$y.DropdownMenu;
+exports.Dropdown = index$z.Dropdown;
+exports.TabPane = index$A.TabPane;
+exports.Tabs = index$B.Tabs;
+exports.Pagination = index$C.Pagination;
+exports.Tree = index$D.Tree;
+exports.FormsItem = index$E.FormsItem;
+exports.Forms = index$F.Forms;
+exports.Checks = index$G.Checks;
+exports.Date = index$H.Date;
+exports.Inputs = index$I.Inputs;
+exports.Selects = index$J.Selects;
+exports.BoxAdjust = index$K.BoxAdjust;
+exports.BoxLocal = index$L.BoxLocal;
+exports.BoxMask = index$M.BoxMask;
+exports.BoxTeleport = index$N.BoxTeleport;
+exports.BoxTitle = index$O.BoxTitle;
+exports.Box = index$P.Box;
+exports.Popup = index$Q.Popup;
+exports.StickDiv = index$R.StickDiv;
+exports.StickEdge = index$S.StickEdge;
+exports.StickWindow = index$T.StickWindow;
+exports.Window = index$U.Window;
+exports.GlobalConfig = index$V.GlobalConfig;
+exports.vLoading = index$c.vLoading;

package/dist/components/index.css

@@ -0,0 +1,224 @@
+.com {
+  font-size: 20px;
+}
+
+.cs-title {
+  margin: 10px;
+  padding: 10px;
+  width: 200px;
+  height: 200px;
+  border: 1px solid rgb(0, 255, 145);
+}
+
+.dom {
+  width: 200px;
+  display: flex;
+}
+
+.d {
+  border: 1px solid #f00;
+}
+
+.box-mask {
+  display: block;
+  opacity: 0.5;
+  z-index: 0;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(2, 28, 39, 0.4);
+}
+
+.box-title {
+  padding: 10px;
+  position: relative;
+  background-color: #467ddc;
+  color: #fff;
+  align-items: center;
+  display: flex;
+}
+.box-title .box-title-name {
+  flex: 1;
+}
+.box-title .box-title-close {
+  right: 10px;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+}
+.box-title .box-title-close i {
+  width: 20px;
+  height: 20px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+
+.cs {
+  text-align: center;
+}
+
+.drawer {
+  margin: 10px;
+}
+
+.box {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.box .box-body {
+  position: relative;
+  z-index: 100;
+  background: #fff;
+  min-width: 30%;
+  min-height: 20%;
+  max-height: 90%;
+  display: flex;
+  flex-direction: column;
+}
+.box .box-body .box-body-div {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+.box .box-body.popup-center .box-body-div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.box-adjust {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+}
+.box-adjust .box-adjust-body {
+  position: absolute;
+  top: 30%;
+  left: 30%;
+  z-index: 100;
+  background: #fff;
+  width: 40%;
+  height: 40%;
+  display: flex;
+  flex-direction: column;
+}
+.box-adjust .box-adjust-body .box-adjust-body-div {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+.box-adjust .box-adjust-body.popup-center .box-adjust-body-div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.box-local {
+  text-align: left;
+}
+
+.popup {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+}
+.popup .popup-body {
+  position: absolute;
+  top: 30%;
+  left: 30%;
+  z-index: 100;
+  background: #fff;
+  width: 40%;
+  height: 40%;
+  display: flex;
+  flex-direction: column;
+}
+.popup .popup-body .popup-body-div {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+.popup.popup-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.popup.popup-center .popup-body {
+  position: relative;
+  width: initial;
+  top: initial;
+  left: initial;
+  height: initial;
+  min-width: 30%;
+  min-height: 20%;
+  max-height: 90%;
+}
+.popup.popup-center .popup-body .popup-body-div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.window {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+}
+.window .window-body {
+  position: absolute;
+  top: 30%;
+  left: 30%;
+  z-index: 100;
+  background: #fff;
+  width: 40%;
+  height: 40%;
+  display: flex;
+  flex-direction: column;
+}
+.window .window-body .window-title .com-title-close i {
+  width: 20px;
+  height: 20px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+.window .window-body .window-body-div {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+.window .window-body.max {
+  width: 100vw !important;
+  height: 100vh !important;
+  top: initial !important;
+  left: initial !important;
+}
+.window .window-body.max::-webkit-scrollbar {
+  width: 0 !important;
+}
+
+.global-config {
+  left: 0;
+}