@fangzhongya/icons 0.0.50 → 0.0.52

package/dist/picker/index.js

@@ -1,325 +1,194 @@
-import {
-  icon_default
-} from "../chunk-66OLJGLO.js";
-import {
-  dialog_default
-} from "../chunk-I5KQLZMG.js";
-import "../chunk-E3I6537N.js";
-import "../chunk-BYXBJQAS.js";
-import "../chunk-MOHILOKE.js";
-import {
-  withInstall
-} from "../chunk-DSTHXXIG.js";
-import "../chunk-MLKGABMK.js";
-
-// packages/picker/index.ts
-import { h, defineComponent, ref, resolveComponent, computed } from "vue";
-var component = defineComponent({
-  name: "Picker",
-  props: {
-    icon: {
-      type: [Object, String]
-    },
-    dialog: {
-      type: [Object, String]
-    },
-    clearable: {
-      type: Boolean
-    },
-    /**
-     * @props { String } modelValue= ( )
-     * 图标名称
-     */
-    modelValue: {
-      type: [String]
-    },
-    /**
-     * @props { String, Number } size='30px' ( )
-     * 图标大小
-     */
-    size: {
-      type: [String, Number],
-      default() {
-        return 30;
-      }
-    },
-    /**
-     * @props { Object } icons={} ( )
-     * 图标名称
-     */
-    icons: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    /**
-     * 图标类型
-     */
-    type: {
-      type: String
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(props, { emit }) {
-    const box = ref(false);
-    const name2 = ref(props.modelValue);
-    const search = ref("");
-    const icons = computed(() => {
-      const obj = props.icons || [];
-      if (search.value) {
-        return obj.filter((k) => k.includes(search.value));
-      } else {
-        return obj;
-      }
-    });
-    const iconVue = computed(() => {
-      if (props.icon) {
-        if (typeof props.icon === "string") {
-          return resolveComponent(props.icon);
-        } else {
-          return props.icon;
-        }
-      } else {
-        return icon_default;
-      }
-    });
-    const dialogVue = computed(() => {
-      if (props.dialog) {
-        if (typeof props.dialog === "string") {
-          return resolveComponent(props.dialog);
-        } else {
-          return props.dialog;
-        }
-      } else {
-        return dialog_default;
-      }
-    });
-    let size = props.size;
-    if (typeof size === "number") {
-      size = size + "px";
-    }
-    return () => h("span", {}, [
-      h(
-        "span",
-        {
-          style: {
-            padding: "5px",
-            display: "inline-flex",
-            alignItems: "center",
-            cursor: "pointer"
-          },
-          onClick() {
-            box.value = true;
-          }
-        },
-        [
-          h(
-            "span",
-            {
-              style: {
-                display: "inline-block",
-                border: "1px solid #eee",
-                width: size,
-                height: size
-              }
-            },
-            [
-              h(iconVue.value, {
-                type: props.type,
-                size: props.size,
-                name: props.modelValue
-              })
-            ]
-          ),
-          h(
-            "span",
-            {
-              style: {
-                marginLeft: "10px"
-              }
-            },
-            name2.value
-          ),
-          props.clearable && name2.value ? h(
-            "span",
-            {
-              style: {
-                cursor: "pointer",
-                padding: "5px",
-                fontSize: "16px",
-                width: "24px",
-                textAlign: "center"
-              },
-              onClick(e) {
-                e.stopPropagation();
-                name2.value = void 0;
-                emit(
-                  "update:modelValue",
-                  name2.value
-                );
-              }
-            },
-            "x"
-          ) : void 0
-        ]
-      ),
-      h(
-        dialogVue.value,
-        {
-          title: "\u9009\u62E9\u56FE\u6807",
-          modelValue: box.value,
-          "onUpdate:modelValue": (v) => {
-            box.value = v;
-            emit("update:modelValue", name2.value);
-          }
-        },
-        {
-          default() {
-            return h(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  padding: "10px"
-                }
-              },
-              [
-                h(
-                  "div",
-                  {
-                    class: "top",
-                    style: {
-                      padding: "10px",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      borderBottom: "1px solid #eee"
-                    }
-                  },
-                  [
-                    h("input", {
-                      style: {
-                        height: "100%",
-                        padding: "5px"
-                      },
-                      placeholder: "\u8BF7\u8F93\u5165\u56FE\u6807\u540D\u79F0",
-                      value: search.value,
-                      onInput(e) {
-                        search.value = e.target.value;
-                      }
-                    }),
-                    h(
-                      "span",
-                      {
-                        style: {
-                          display: "flex",
-                          alignItems: "center"
-                        }
-                      },
-                      [
-                        h(
-                          "span",
-                          {
-                            style: {
-                              marginRight: "10px"
-                            }
-                          },
-                          name2.value
-                        ),
-                        h(iconVue.value, {
-                          type: props.type,
-                          size: props.size,
-                          name: name2.value
-                        }),
-                        props.clearable && name2.value ? h(
-                          "span",
-                          {
-                            style: {
-                              cursor: "pointer",
-                              marginLeft: "10px",
-                              padding: "5px",
-                              fontSize: "16px",
-                              textAlign: "center"
-                            },
-                            onClick() {
-                              name2.value = void 0;
-                              box.value = false;
-                            }
-                          },
-                          "\u6E05\u7A7A"
-                        ) : void 0
-                      ]
-                    )
-                  ]
-                ),
-                h(
-                  "div",
-                  {
-                    class: "list",
-                    style: {
-                      flex: 1,
-                      padding: "10px",
-                      flexWrap: "wrap",
-                      display: "flex",
-                      overflow: "auto"
-                    }
-                  },
-                  icons.value.map((key) => {
-                    return h(
-                      "div",
-                      {
-                        style: {
-                          width: `calc(${size} + 20px)`,
-                          display: "flex",
-                          flexDirection: "column",
-                          alignItems: "center",
-                          cursor: "pointer",
-                          color: key === name2.value ? "#1569e6" : ""
-                        },
-                        onClick() {
-                          name2.value = key;
-                        }
-                      },
-                      [
-                        h(iconVue.value, {
-                          style: {
-                            margin: "5px",
-                            marginBottom: 0,
-                            backgroundColor: key === name2.value ? "#e0edff" : ""
-                          },
-                          size: props.size,
-                          name: key
-                        }),
-                        h(
-                          "div",
-                          {
-                            style: {
-                              textAlign: "center",
-                              marginBottom: "5px",
-                              fontSize: "12px",
-                              lineHeight: "12px"
-                            }
-                          },
-                          [key]
-                        )
-                      ]
-                    );
-                  })
-                )
-              ]
-            );
-          }
-        }
-      )
-    ]);
-  }
-});
-var name = "FangIconPicker";
-var Picker = withInstall(component, name);
-var picker_default = Picker;
-export {
-  Picker,
-  picker_default as default
-};
+import { withInstall } from "../util.js";
+import { Icon } from "../icon/index.js";
+import dialog_default from "./dialog.js";
+import { computed, defineComponent, h, ref, resolveComponent } from "vue";
+const Picker = withInstall(defineComponent({
+	name: "Picker",
+	props: {
+		icon: { type: [Object, String] },
+		dialog: { type: [Object, String] },
+		clearable: { type: Boolean },
+		/**
+		* @props { String } modelValue= ( )
+		* 图标名称
+		*/
+		modelValue: { type: [String] },
+		/**
+		* @props { String, Number } size='30px' ( )
+		* 图标大小
+		*/
+		size: {
+			type: [String, Number],
+			default() {
+				return 30;
+			}
+		},
+		/**
+		* @props { Object } icons={} ( )
+		* 图标名称
+		*/
+		icons: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		/**
+		* 图标类型
+		*/
+		type: { type: String }
+	},
+	emits: ["update:modelValue"],
+	setup(props, { emit }) {
+		const box = ref(false);
+		const name = ref(props.modelValue);
+		const search = ref("");
+		const icons = computed(() => {
+			const obj = props.icons || [];
+			if (search.value) return obj.filter((k) => k.includes(search.value));
+			else return obj;
+		});
+		const iconVue = computed(() => {
+			if (props.icon) if (typeof props.icon === "string") return resolveComponent(props.icon);
+			else return props.icon;
+			else return Icon;
+		});
+		const dialogVue = computed(() => {
+			if (props.dialog) if (typeof props.dialog === "string") return resolveComponent(props.dialog);
+			else return props.dialog;
+			else return dialog_default;
+		});
+		let size = props.size;
+		if (typeof size === "number") size = size + "px";
+		return () => h("span", {}, [h("span", {
+			style: {
+				padding: "5px",
+				display: "inline-flex",
+				alignItems: "center",
+				cursor: "pointer"
+			},
+			onClick() {
+				box.value = true;
+			}
+		}, [
+			h("span", { style: {
+				display: "inline-block",
+				border: "1px solid #eee",
+				width: size,
+				height: size
+			} }, [h(iconVue.value, {
+				type: props.type,
+				size: props.size,
+				name: props.modelValue
+			})]),
+			h("span", { style: { marginLeft: "10px" } }, name.value),
+			props.clearable && name.value ? h("span", {
+				style: {
+					cursor: "pointer",
+					padding: "5px",
+					fontSize: "16px",
+					width: "24px",
+					textAlign: "center"
+				},
+				onClick(e) {
+					e.stopPropagation();
+					name.value = void 0;
+					emit("update:modelValue", name.value);
+				}
+			}, "x") : void 0
+		]), h(dialogVue.value, {
+			title: "选择图标",
+			modelValue: box.value,
+			"onUpdate:modelValue": (v) => {
+				box.value = v;
+				emit("update:modelValue", name.value);
+			}
+		}, { default() {
+			return h("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				padding: "10px"
+			} }, [h("div", {
+				class: "top",
+				style: {
+					padding: "10px",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					borderBottom: "1px solid #eee"
+				}
+			}, [h("input", {
+				style: {
+					height: "100%",
+					padding: "5px"
+				},
+				placeholder: "请输入图标名称",
+				value: search.value,
+				onInput(e) {
+					search.value = e.target.value;
+				}
+			}), h("span", { style: {
+				display: "flex",
+				alignItems: "center"
+			} }, [
+				h("span", { style: { marginRight: "10px" } }, name.value),
+				h(iconVue.value, {
+					type: props.type,
+					size: props.size,
+					name: name.value
+				}),
+				props.clearable && name.value ? h("span", {
+					style: {
+						cursor: "pointer",
+						marginLeft: "10px",
+						padding: "5px",
+						fontSize: "16px",
+						textAlign: "center"
+					},
+					onClick() {
+						name.value = void 0;
+						box.value = false;
+					}
+				}, "清空") : void 0
+			])]), h("div", {
+				class: "list",
+				style: {
+					flex: 1,
+					padding: "10px",
+					flexWrap: "wrap",
+					display: "flex",
+					overflow: "auto"
+				}
+			}, icons.value.map((key) => {
+				return h("div", {
+					style: {
+						width: `calc(${size} + 20px)`,
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						cursor: "pointer",
+						color: key === name.value ? "#1569e6" : ""
+					},
+					onClick() {
+						name.value = key;
+					}
+				}, [h(iconVue.value, {
+					style: {
+						margin: "5px",
+						marginBottom: 0,
+						backgroundColor: key === name.value ? "#e0edff" : ""
+					},
+					size: props.size,
+					name: key
+				}), h("div", { style: {
+					textAlign: "center",
+					marginBottom: "5px",
+					fontSize: "12px",
+					lineHeight: "12px"
+				} }, [key])]);
+			}))]);
+		} })]);
+	}
+}), "FangIconPicker");
+//#endregion
+export { Picker, Picker as default };

package/dist/util.cjs

@@ -1,7 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkXHXN5JNRcjs = require('./chunk-XHXN5JNR.cjs');
-require('./chunk-75ZPJI57.cjs');
-
-
-exports.withInstall = _chunkXHXN5JNRcjs.withInstall;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region packages/util.ts
+function withInstall(component, name) {
+	const comp = component;
+	comp.install = (app, options = {}) => {
+		const { prefix = "" } = options;
+		const m = name || comp.name || comp.displayName;
+		app.component(prefix + m, component);
+	};
+	return comp;
+}
+//#endregion
+exports.withInstall = withInstall;

package/dist/util.js

@@ -1,7 +1,12 @@
-import {
-  withInstall
-} from "./chunk-DSTHXXIG.js";
-import "./chunk-MLKGABMK.js";
-export {
-  withInstall
-};
+//#region packages/util.ts
+function withInstall(component, name) {
+	const comp = component;
+	comp.install = (app, options = {}) => {
+		const { prefix = "" } = options;
+		const m = name || comp.name || comp.displayName;
+		app.component(prefix + m, component);
+	};
+	return comp;
+}
+//#endregion
+export { withInstall };