@fangzhongya/fang-ui 0.0.20 → 0.0.22

package/dist/components/{menu → menus}/src/index.cjs

@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const cs = index.useCssName("menu");
+    const cs = index.useCssName("menus");
     const emit = __emit;
     const attrs = vue.useAttrs();
     const slots = vue.useSlots();

package/dist/components/{menu → menus}/src/index.js

@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const cs = useCssName("menu");
+    const cs = useCssName("menus");
     const emit = __emit;
     const attrs = useAttrs();
     const slots = useSlots();

package/dist/components/page/{style/index.scss → index.scss}

@@ -1,4 +1,4 @@
-@use '../../css/common.scss' as *;
+@use '../css/common.scss' as *;
 
 $page: 'page';
 @include b($page) {

package/dist/components/pagin/{style/index.scss → index.scss}

@@ -1,4 +1,4 @@
-@use '../../css/common.scss' as *;
+@use '../css/common.scss' as *;
 
 $pags: 'pags';
 @include b($pags) {

package/dist/components/popup/{style/index.scss → index.scss}

@@ -1,11 +1,11 @@
-// @use '../../../common.scss' as *;
+// @use '../common.scss' as *;
 
-// @use '../../box-mask/src/index.scss' as *;
-// @use '../../box-title/src/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
+// @use '../box-title/src/index.scss' as *;
 
-@use '../../css/common.scss' as *;
-@use '../../box-mask/style/index.scss' as *;
-@use '../../box-title/style/index.scss' as *;
+@use '../css/common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
 
 $popup: 'popup';
 @include b($popup) {

package/dist/components/right-key/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 RightKey = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "RightKey");

package/dist/components/right-key/index.css

@@ -0,0 +1,46 @@
+:root {
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --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 {
+  font-size: 20px;
+}
+
+.right-key-box {
+  width: 140px;
+  position: absolute;
+  padding: 10px;
+  z-index: 9999;
+  background: #fff;
+  border: 1px solid #cfd7e5;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+.right-key-box-list-li {
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  height: 40px;
+  padding: 8px 14px 8px 10px;
+  border-radius: 4px;
+  font-size: 16px;
+  cursor: pointer;
+}
+.right-key-box-list-li:hover {
+  background: #ecf5ff;
+  color: #66b1ff;
+}
+.right-key-box-list-li i {
+  margin-right: 10px;
+}

package/dist/components/right-key/index.js

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

package/dist/components/right-key/index.scss

@@ -0,0 +1,35 @@
+@use '../css/common.scss' as *;
+
+$right-key: 'right-key';
+@include b($right-key) {
+	&-box {
+		width: 140px;
+		position: absolute;
+		padding: 10px;
+		z-index: 9999;
+		background: #fff;
+		border: 1px solid #cfd7e5;
+		border-radius: 8px;
+		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+		&-list {
+			&-li {
+				&:hover {
+					background: #ecf5ff;
+					color: #66b1ff;
+				}
+				white-space: nowrap;
+				display: flex;
+				align-items: center;
+				height: 40px;
+				padding: 8px 14px 8px 10px;
+				border-radius: 4px;
+				font-size: 16px;
+				cursor: pointer;
+
+				i {
+					margin-right: 10px;
+				}
+			}
+		}
+	}
+}

package/dist/components/right-key/src/index.cjs

@@ -19,6 +19,7 @@ require("@fangzhongya/utils/name/humpToLine");
 require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
+const index$2 = require("../../icon/index.cjs");
 const boxTeleport_vue_vue_type_script_setup_true_lang = require("../../frame/common/box-teleport.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
@@ -132,10 +133,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: vue.withModifiers(($event) => onClick(v), ["stop"]),
                     class: vue.normalizeClass(vue.unref(cs).z("box-list-li"))
                   }, [
-                    v.icon ? (vue.openBlock(), vue.createElementBlock("i", {
-                      key: 0,
-                      class: vue.normalizeClass(v.icon)
-                    }, null, 2)) : vue.createCommentVNode("", true),
+                    v.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Icon), { key: 0 }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(v.icon)))
+                      ]),
+                      _: 2
+                    }, 1024)) : vue.createCommentVNode("", true),
                     vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(common.setVueValue)(v, props.label)), 1)
                   ], 10, _hoisted_1);
                 }), 128))

package/dist/components/right-key/src/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, withDirectives, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, createCommentVNode, toDisplayString, vShow } from "vue";
+import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, withCtx, withDirectives, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString, vShow } from "vue";
 import { getPrentClass } from "@fangzhongya/utils/css/getPrentClass";
 import { setVueValue } from "../../../utils/vues/common.js";
 import "../../../utils/vues/getBuildProps.js";
@@ -17,6 +17,7 @@ import "@fangzhongya/utils/name/humpToLine";
 import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
+import { Icon } from "../../icon/index.js";
 import _sfc_main$1 from "../../frame/common/box-teleport.js";
 import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -130,10 +131,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: withModifiers(($event) => onClick(v), ["stop"]),
                     class: normalizeClass(unref(cs).z("box-list-li"))
                   }, [
-                    v.icon ? (openBlock(), createElementBlock("i", {
-                      key: 0,
-                      class: normalizeClass(v.icon)
-                    }, null, 2)) : createCommentVNode("", true),
+                    v.icon ? (openBlock(), createBlock(unref(Icon), { key: 0 }, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(resolveDynamicComponent(v.icon)))
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true),
                     createElementVNode("span", null, toDisplayString(unref(setVueValue)(v, props.label)), 1)
                   ], 10, _hoisted_1);
                 }), 128))

package/dist/components/selects/{style/index.scss → index.scss}

@@ -1,4 +1,4 @@
-@use '../../css/common.scss' as *;
+@use '../css/common.scss' as *;
 
 $selects: 'selects';
 @include b($selects) {

package/dist/components/switchs/{style/index.scss → index.scss}

@@ -1,4 +1,4 @@
-@use '../../css/common.scss' as *;
+@use '../css/common.scss' as *;
 
 $switchs: 'switchs';
 @include b($switchs) {

package/dist/components/tables/{style/index.scss → index.scss}

@@ -1,4 +1,4 @@
-@use '../../css/common.scss' as *;
+@use '../css/common.scss' as *;
 
 $tables-pag: 'tables-pag';
 @include b($tables-pag) {

package/dist/components/tables-pagin/{style/index.scss → index.scss}

@@ -1,6 +1,6 @@
-@use '../../css/common.scss' as *;
-@use '../../el-tables/style/index.scss' as *;
-@use '../../pagin/style/index.scss' as *;
+@use '../css/common.scss' as *;
+@use '../el-tables/index.scss' as *;
+@use '../pagin/index.scss' as *;
 $tables-pagin: 'tables-pagin';
 @include b($tables-pagin) {
 	width: 100%;

package/dist/components/text/index.scss

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

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

@@ -1,4 +1,4 @@
-@use '../../css/common.scss' as *;
+@use '../css/common.scss' as *;
 
 $vtables: 'vtables';
 @include b($vtables) {

package/dist/components/window/{style/index.scss → index.scss}

@@ -1,11 +1,11 @@
-// @use '../../../common.scss' as *;
+// @use '../common.scss' as *;
 
-// @use '../../box-mask/src/index.scss' as *;
-// @use '../../box-title/src/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
+// @use '../box-title/src/index.scss' as *;
 
-@use '../../css/common.scss' as *;
-@use '../../box-mask/style/index.scss' as *;
-@use '../../box-title/style/index.scss' as *;
+@use '../css/common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
 
 $window: 'window';
 @include b($window) {

package/dist/expand/{chunk-JPK7ZE75.cjs → chunk-B6EXENNS.cjs}

@@ -74,7 +74,7 @@ var config_default = {
     "icon-picker",
     "iframe",
     "lists",
-    "menu",
+    "menus",
     "page",
     "retract",
     "choice-select",

package/dist/expand/{chunk-GHD7OA3U.js → chunk-Y7QESZWG.js}

@@ -74,7 +74,7 @@ var config_default = {
     "icon-picker",
     "iframe",
     "lists",
-    "menu",
+    "menus",
     "page",
     "retract",
     "choice-select",

package/dist/expand/components.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJPK7ZE75cjs = require('./chunk-JPK7ZE75.cjs');
+var _chunkB6EXENNScjs = require('./chunk-B6EXENNS.cjs');
 
 // expand/components.ts
 var _humpToLine = require('@fangzhongya/utils/name/humpToLine');
@@ -29,11 +29,11 @@ function namefilter(c, name) {
 function getFrom(mc, type) {
   const filename = mc.replace(new RegExp("^" + config.prefix + "-"), "");
   if (type == 1) {
-    if (_chunkJPK7ZE75cjs.config_default.components.includes(filename)) {
+    if (_chunkB6EXENNScjs.config_default.components.includes(filename)) {
       const name = _lineToLargeHump.lineToLargeHump.call(void 0, mc);
       const from = `${config.name}/components/${filename}/index`;
       let sideEffects;
-      if (_chunkJPK7ZE75cjs.config_default.sideEffects.includes(filename)) {
+      if (_chunkB6EXENNScjs.config_default.sideEffects.includes(filename)) {
         sideEffects = `${config.name}/components/${filename}/index.scss`;
       }
       return {
@@ -45,14 +45,14 @@ function getFrom(mc, type) {
       return;
     }
   } else {
-    if (_chunkJPK7ZE75cjs.config_default.directives.includes(filename)) {
+    if (_chunkB6EXENNScjs.config_default.directives.includes(filename)) {
       const name = "default";
       const from = `${config.name}/directives/${filename}/index`;
       return {
         name,
         from
       };
-    } else if (_chunkJPK7ZE75cjs.config_default.directives.includes("v-" + filename)) {
+    } else if (_chunkB6EXENNScjs.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-GHD7OA3U.js";
+} from "./chunk-Y7QESZWG.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 _chunkJPK7ZE75cjs = require('./chunk-JPK7ZE75.cjs');
+var _chunkB6EXENNScjs = require('./chunk-B6EXENNS.cjs');
 
 
-exports.default = _chunkJPK7ZE75cjs.config_default;
+exports.default = _chunkB6EXENNScjs.config_default;

package/dist/expand/config.js

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

package/dist/index.cjs

@@ -77,7 +77,7 @@ const index$17 = require("./components/icon-picker/index.cjs");
 const index$18 = require("./components/icon/index.cjs");
 const index$19 = require("./components/iframe/index.cjs");
 const index$1a = require("./components/lists/index.cjs");
-const index$1b = require("./components/menu/index.cjs");
+const index$1b = require("./components/menus/index.cjs");
 const index$1c = require("./components/page/index.cjs");
 const index$1d = require("./components/retract/index.cjs");
 const index$1e = require("./components/choice-select/index.cjs");
@@ -214,7 +214,7 @@ exports.IconPicker = index$17.IconPicker;
 exports.Icon = index$18.Icon;
 exports.Iframe = index$19.Iframe;
 exports.Lists = index$1a.Lists;
-exports.Menu = index$1b.Menu;
+exports.Menus = index$1b.Menus;
 exports.Page = index$1c.Page;
 exports.Retract = index$1d.Retract;
 exports.ChoiceSelect = index$1e.ChoiceSelect;

package/dist/index.css

@@ -286,6 +286,34 @@
   justify-content: center;
 }
 
+.right-key-box {
+  width: 140px;
+  position: absolute;
+  padding: 10px;
+  z-index: 9999;
+  background: #fff;
+  border: 1px solid #cfd7e5;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+.right-key-box-list-li {
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  height: 40px;
+  padding: 8px 14px 8px 10px;
+  border-radius: 4px;
+  font-size: 16px;
+  cursor: pointer;
+}
+.right-key-box-list-li:hover {
+  background: #ecf5ff;
+  color: #66b1ff;
+}
+.right-key-box-list-li i {
+  margin-right: 10px;
+}
+
 .window {
   position: fixed;
   width: 100vw;

package/dist/index.js

@@ -75,7 +75,7 @@ import { IconPicker } from "./components/icon-picker/index.js";
 import { Icon } from "./components/icon/index.js";
 import { Iframe } from "./components/iframe/index.js";
 import { Lists } from "./components/lists/index.js";
-import { Menu } from "./components/menu/index.js";
+import { Menus } from "./components/menus/index.js";
 import { Page } from "./components/page/index.js";
 import { Retract } from "./components/retract/index.js";
 import { ChoiceSelect } from "./components/choice-select/index.js";
@@ -211,7 +211,7 @@ export {
   Lists,
   Loading,
   default5 as Locus,
-  Menu,
+  Menus,
   Message,
   MessageBox,
   Option,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -47,14 +47,14 @@
     "vue-tsc": "^3.0.3",
     "vuedraggable": "4.1.0",
     "vxe-table": "4.14.4",
-    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
     "@fang-ui/types": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0"
+    "@fang-ui/utils": "0.0.1-0",
+    "@fang-ui/theme": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -104,7 +104,7 @@
     "build:scss": "cd packages/components & pnpm build & cd ../../",
     "build:tsup": "pnpm dev:exp & tsup",
     "build:archive": "pnpm run -C archive build",
-    "build:all": "pnpm conf & pnpm build & pnpm build:tsup",
+    "build:all": "pnpm conf & pnpm build & pnpm build:scss & pnpm build:tsup",
     "build:allx": "pnpm build:scss & pnpm build:tsup & cd packages/theme & pnpm move & cd ../../",
     "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --max-warnings 0 --cache",
     "pub": "pnpm publish --access public --no-git-checks",

package/dist/components/alert/index.ts

@@ -1,7 +0,0 @@
-import { withInstall } from '../../utils/vues/withInstall'
-import SrcVue from './src/index.vue'
-const Alert = withInstall(SrcVue, 'Alert');
-export {
-   Alert,
-   Alert as default
-};

package/dist/components/alert/src/data.ts

@@ -1,23 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-/**
- * @title {h2} Alert 提示
- * @text 目前完全继承 element-plus 中 el-alert
- */
-
-export const dataProps = buildProps({});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-export const dataEmits = [];
-
-export type DataEmits = typeof dataEmits;
-
-export const dataSlot = {};
-
-/**
- * @expose refEl 获取当前组件在element-plus中暴露的方法
- */
-export const dataExpose = {};

package/dist/components/alert/src/index.vue

@@ -1,31 +0,0 @@
-<template>
-	<div :class="cs.z()">
-		<ElAlert v-bind="attrs" ref="refEl">
-			<template v-for="(k, i) in Object.keys(slots)" v-slot:[k] :key="k">
-				<slot :name="k"></slot>
-			</template>
-		</ElAlert>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { useLocale } from '../../../hooks/locale';
-	import { ref, useAttrs, useSlots } from 'vue';
-	import { ElAlert } from 'element-plus';
-	import type { Slots } from 'vue';
-	const refEl = ref();
-	const attrs = useAttrs();
-	const slots: Slots = useSlots();
-	// 样式设置方法
-	const cs = useCssName('alert');
-	// 获取国际化字段
-	const { getLocale } = useLocale();
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	defineExpose({
-		...dataExpose,
-		refEl,
-	});
-</script>
-<style lang="scss"></style>

package/dist/components/array/index.ts

@@ -1,8 +0,0 @@
-import './style/index.scss';
-import { withInstall } from '../../utils/vues/withInstall'
-import SrcVue from './src/index.vue'
-const Array = withInstall(SrcVue, 'Array');
-export {
-   Array,
-   Array as default
-};

package/dist/components/array/src/data.ts

@@ -1,68 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-
-export const dataProps = {
-	rangeSeparator: { type: String, default: '至' },
-	startPlaceholder: { type: String, default: '开始' },
-	endPlaceholder: { type: String, default: '结束' },
-	multiple: {
-		type: [String, Boolean],
-	},
-	readonly: {
-		type: Boolean,
-	},
-	clearable: {
-		type: Boolean,
-	},
-	modelValue: {
-		type: [Array, String],
-		default() {
-			return [];
-		},
-	},
-	config: {
-		type: Object,
-		default() {
-			return {};
-		},
-	},
-	compon: {
-		type: [String, Object],
-		default: 'input',
-	},
-	check: {
-		type: [Boolean, Function],
-	},
-	disabled: { type: Boolean, default: false },
-};
-
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-
-/**
- * @emits change (val:[String, Array])
- * 选择的时间
- */
-export const dataEmits = [
-	'update:modelValue',
-	'focus',
-	'blur',
-	'clear',
-	'change',
-	'validate',
-];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- */
-export const dataSlot = {
-	default: 'default',
-	suffix: 'suffix',
-	prefix: 'prefix',
-};
-
-/**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
- */
-export const dataExpose = {};