plain-design 1.0.0-beta.146 → 1.0.0-beta.148

package/src/packages/i18n/lang/en-us.ts

@@ -325,6 +325,13 @@ export const EnUsLocale: tZhCnLocale = {
     searchHistory: 'Search History',
     favorite: 'Favorite'
   },
+  colorPicker: {
+    notSupportDropper: 'Your browser does not support color pickers. It is recommended to use Google Chrome',
+    exitDropperMode: 'Press the ESC key to close the color suction tube',
+  },
+  iconPicker: {
+    placeholder: 'Please select or input icon name',
+  },
   ai: {
     placeholder: 'Please enter the content to be sent to the AI, such as: Who are you?',
     require: 'The content of the question cannot be empty',

package/src/packages/i18n/lang/zh-cn.ts

@@ -323,6 +323,13 @@ export const ZhCnLocale = {
     searchHistory: '搜索历史',
     favorite: '收藏'
   },
+  colorPicker: {
+    notSupportDropper: '您的浏览器不支持颜色拾取器，推荐使用谷歌浏览器',
+    exitDropperMode: '按 ESC 键关闭取色吸管',
+  },
+  iconPicker: {
+    placeholder: '请选择或者输入图标',
+  },
   ai: {
     placeholder: '请输入要发送给ai的内容如：你是谁',
     require: '提问的内容不能为空',

package/src/packages/uses/createInputPopperAttrs.ts

@@ -8,10 +8,11 @@ export function createInputPopperAttrs<T>(
     emit,
     popper,
     disableHideOnBlur,
+    handleInputChange,
   }: {
     getValue: () => T,
     emitChange: (val: T) => void,
-    isValidInputValue: (val: any) => boolean,
+    isValidInputValue?: (val: any) => boolean,
     emit: {
       onFocus: (e: FocusEvent) => void,
       onBlur: (e: FocusEvent) => void,
@@ -24,6 +25,7 @@ export function createInputPopperAttrs<T>(
       },
     },
     disableHideOnBlur?: boolean,
+    handleInputChange?: (val: string | null | undefined) => void,
   }) {
 
   const model = useModel(getValue, emitChange, { onChange: (val: any) => {state.inputValue = val;} });
@@ -33,9 +35,14 @@ export function createInputPopperAttrs<T>(
   const handler = {
     onInputChange: (val: any) => {
       state.inputValue = val;
-      if (isValidInputValue(val)) {
+      if (!isValidInputValue) {
         model.value = val;
+      } else {
+        if (isValidInputValue(val)) {
+          model.value = val;
+        }
       }
+      handleInputChange?.(val);
     },
     onInputFocus: (e: FocusEvent) => {emit.onFocus(e);},
     onInputBlur: (e: FocusEvent) => {

package/src/packages/utils/installAllIcons.ts

@@ -1,19 +1,20 @@
-// @ts-ignore
-import allIcons from '@peryl/icon/dist/icons.js';
-// @ts-ignore
-import {Icon} from 'plain-design';
-
-/**
- * 一次性加载所有的图标
- * @author  韦胜健
- * @date    2023.2.25 13:25
- */
-export function installAllIcon() {
-  Icon.PlainIcon.options.props.getIcon.default = (icon: string) => {
-    const iconMeta = (allIcons as any)[icon];
-    if (!iconMeta) {
-      throw new Error(`getIcon: can't find icon match ${icon}`);
-    }
-    return iconMeta;
-  };
-}
+// @ts-ignore
+import allIcons from '@peryl/icon/dist/icons.js';
+// @ts-ignore
+import {Icon} from 'plain-design';
+
+/**
+ * 一次性加载所有的图标
+ * @author  韦胜健
+ * @date    2023.2.25 13:25
+ */
+export function installAllIcon() {
+  Icon.PlainIcon.options.props.getIcon.default = (icon: string) => {
+    const iconMeta = (allIcons as any)[icon];
+    if (!iconMeta) {
+      console.warn(`getIcon: can't find icon match ${icon}`);
+      return document.createElement('div');
+    }
+    return iconMeta;
+  };
+}