@fangzhongya/fang-ui 0.0.21 → 0.0.22

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.21",
+  "version": "0.0.22",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -48,13 +48,13 @@
     "vuedraggable": "4.1.0",
     "vxe-table": "4.14.4",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
-    "@fang-ui/theme": "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/types": "0.0.1-0",
     "@fang-ui/utils": "0.0.1-0",
-    "@fang-ui/hooks": "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 './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 = {};

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

@@ -1,255 +0,0 @@
-<template>
-	<div
-		:class="[cs.z(), cs.is('focus', isfocus)]"
-		@mouseenter="onMouseenter"
-		@mouseleave="onMouseleave"
-		@click.stop="onClick"
-	>
-		<slot :name="dataSlot.prefix"></slot>
-		<component
-			v-bind="props.config"
-			:multiple="multiple"
-			:class="[cs.z('value'), cs.z('start')]"
-			:is="props.compon"
-			v-model="start"
-			:placeholder="
-				props.startPlaceholder + (props.config?.placeholder ?? '')
-			"
-			@click.stop="onFocus"
-			@update:modelValue="onInput(0)"
-			@blur="onBlur"
-		></component>
-		<span :class="[cs.z('range')]">{{ props.rangeSeparator }}</span>
-
-		<component
-			v-bind="props.config"
-			:multiple="multiple"
-			:class="[cs.z('value'), cs.z('end')]"
-			:is="props.compon"
-			v-model="end"
-			:placeholder="
-				props.endPlaceholder + (props.config?.placeholder ?? '')
-			"
-			@click.stop="onFocus"
-			@update:modelValue="onInput(1)"
-			@blur="onBlur"
-		></component>
-		<span
-			v-if="errer"
-			:class="[
-				cs.z('error'),
-				cs.is('clear', isclear),
-				'type-' + errer?.type,
-			]"
-			>{{ errer?.message ? errer.message : errer }}</span
-		>
-		<input :class="cs.z('focus')" ref="refInput" @blur="onBlur" />
-		<span
-			v-if="isclear"
-			:class="[cs.z('icon'), cs.z('clear')]"
-			@click.stop="onClear"
-		>
-			<svg
-				viewBox="0 0 1024 1024"
-				xmlns="http://www.w3.org/2000/svg"
-				data-v-ea893728=""
-			>
-				<path
-					fill="currentColor"
-					d="m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-				></path>
-				<path
-					fill="currentColor"
-					d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-				></path>
-			</svg>
-		</span>
-		<slot :name="dataSlot.suffix"></slot>
-	</div>
-</template>
-<script lang="ts" setup>
-	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
-	import { useCssName } from '../../../hooks/cssname';
-	import { computed, ref, watch } from 'vue';
-
-	// 样式设置方法
-	const cs = useCssName('array');
-	const props = defineProps(dataProps);
-	const emit = defineEmits(dataEmits);
-	const refInput = ref();
-
-	const isfocus = ref(false);
-
-	const start = ref<any>();
-
-	const end = ref<any>();
-
-	const emove = ref(false);
-
-	const isclear = computed(() => {
-		if (props.clearable) {
-			if (start.value || end.value) {
-				if (emove.value || isfocus.value) {
-					return true;
-				}
-			}
-		}
-		return false;
-	});
-
-	const multiple = computed(() => {
-		let multiple = props.config?.multiple;
-		if (props.multiple) {
-			if (multiple === true) {
-				return '|';
-			}
-		}
-		return multiple;
-	});
-
-	watch(
-		() => props.modelValue,
-		() => {
-			let v = props.modelValue;
-			if (typeof v == 'string' && props.multiple) {
-				if (typeof props.multiple != 'string') {
-					v = v.split(',');
-				} else {
-					v = v.split(props.multiple);
-				}
-			}
-			if (v) {
-				const s = v[0];
-				const e = v[1];
-				if (s !== start.value) {
-					start.value = s;
-				}
-				if (e !== end.value) {
-					end.value = e;
-				}
-			}
-		},
-		{
-			immediate: true,
-			deep: true,
-		},
-	);
-
-	watch(
-		() => isfocus.value,
-		() => {
-			if (isfocus.value) {
-				emit('focus');
-			} else {
-				emit('blur');
-			}
-		},
-	);
-
-	function onMouseenter() {
-		emove.value = true;
-	}
-	function onMouseleave() {
-		emove.value = false;
-	}
-
-	const errer = ref<any>();
-
-	function onInput(type: number) {
-		if (props.check) {
-			errer.value = undefined;
-			if (start.value && end.value) {
-				const callback = (e: any) => {
-					if (e) {
-						if (typeof e === 'string') {
-							e = new Error(e);
-						}
-						e.type = type;
-						errer.value = e;
-						emit('validate', undefined, false, e.message);
-					} else {
-						emit('validate', undefined, true, '');
-						setValue([start.value, end.value]);
-					}
-				};
-				if (typeof props.check === 'function') {
-					const v = props.check(start.value, end.value, callback);
-					if (!v) {
-						return false;
-					}
-				} else if (props.check === true) {
-					if (start.value > end.value) {
-						callback(
-							new Error(
-								props.endPlaceholder +
-									(props.config?.placeholder ?? '') +
-									'不能大于' +
-									props.startPlaceholder +
-									(props.config?.placeholder ?? ''),
-							),
-						);
-						return false;
-					}
-				}
-			}
-			emit('validate', undefined, true, '');
-		}
-		setValue([start.value, end.value]);
-	}
-
-	function onClear() {
-		start.value = undefined;
-		end.value = undefined;
-		if (props.check) {
-			errer.value = undefined;
-			emit('validate', undefined, true, '');
-		}
-		setValue(undefined);
-		emit('clear');
-	}
-
-	function setValue(value?: Array<any>) {
-		if (props.multiple && value) {
-			let v = '';
-			if (typeof props.multiple != 'string') {
-				v = value.join(',');
-			} else {
-				v = value.join(props.multiple);
-			}
-			emit('update:modelValue', v);
-			emit('change', v);
-		} else {
-			emit('update:modelValue', value);
-			emit('change', value);
-		}
-	}
-
-	function onClick() {
-		isfocus.value = true;
-		if (refInput.value) {
-			refInput.value.focus();
-		}
-		clearBlur();
-	}
-	function onFocus() {
-		isfocus.value = true;
-		clearBlur();
-	}
-
-	// @ts-ignore
-	let timeout: NodeJS.Timeout;
-	function onBlur() {
-		timeout = setTimeout(() => {
-			isfocus.value = false;
-		}, 200);
-	}
-
-	function clearBlur() {
-		clearTimeout(timeout);
-	}
-
-	defineExpose({
-		...dataExpose,
-	});
-</script>
-<style lang="scss" scoped></style>

package/dist/components/box/index.ts

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

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

@@ -1,56 +0,0 @@
-import type { ExtractPublicPropTypes } from 'vue';
-
-import { buildProps } from '../../../utils/vues/buildProps';
-
-export const dataProps = buildProps({
-	/**
-	 * @props title 弹框头
-	 * @type String
-	 * @default
-	 * @selectable
-	 * @description
-	 */
-	title: {
-		type: String,
-	},
-	/**
-	 * @props {Boolean} modelValue=false 是否显示
-	 */
-	modelValue: {
-		type: Boolean,
-	},
-	to: {
-		type: String,
-	},
-	disabled: {
-		type: Boolean,
-	},
-	boxClass: {
-		type: String,
-	},
-});
-
-export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
-
-/**
- * @emits close ()
- * 关闭弹框
- */
-export const dataEmits = ['close', 'update:modelValue'];
-
-export type DataEmits = typeof dataEmits;
-
-/**
- * @slot default 默认插槽
- * @slot title 头部插槽
- * @slot footer 底部插槽
- */
-export const dataSlot = {
-	default: 'default',
-	title: 'title',
-	footer: 'footer',
-};
-
-/**
- */
-export const dataExpose = {};