@fangzhongya/icons 0.0.50 → 0.0.52

package/dist/picker/index.cjs

@@ -1,325 +1,201 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkU4CNUH3Acjs = require('../chunk-U4CNUH3A.cjs');
-
-
-var _chunkEEMF44IHcjs = require('../chunk-EEMF44IH.cjs');
-require('../chunk-YW7CKAOG.cjs');
-require('../chunk-3376ZTRC.cjs');
-require('../chunk-IIVF4KK5.cjs');
-
-
-var _chunkXHXN5JNRcjs = require('../chunk-XHXN5JNR.cjs');
-require('../chunk-75ZPJI57.cjs');
-
-// packages/picker/index.ts
-var _vue = require('vue');
-var component = _vue.defineComponent.call(void 0, {
-  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 = _vue.ref.call(void 0, false);
-    const name2 = _vue.ref.call(void 0, props.modelValue);
-    const search = _vue.ref.call(void 0, "");
-    const icons = _vue.computed.call(void 0, () => {
-      const obj = props.icons || [];
-      if (search.value) {
-        return obj.filter((k) => k.includes(search.value));
-      } else {
-        return obj;
-      }
-    });
-    const iconVue = _vue.computed.call(void 0, () => {
-      if (props.icon) {
-        if (typeof props.icon === "string") {
-          return _vue.resolveComponent.call(void 0, props.icon);
-        } else {
-          return props.icon;
-        }
-      } else {
-        return _chunkU4CNUH3Acjs.icon_default;
-      }
-    });
-    const dialogVue = _vue.computed.call(void 0, () => {
-      if (props.dialog) {
-        if (typeof props.dialog === "string") {
-          return _vue.resolveComponent.call(void 0, props.dialog);
-        } else {
-          return props.dialog;
-        }
-      } else {
-        return _chunkEEMF44IHcjs.dialog_default;
-      }
-    });
-    let size = props.size;
-    if (typeof size === "number") {
-      size = size + "px";
-    }
-    return () => _vue.h.call(void 0, "span", {}, [
-      _vue.h.call(void 0, 
-        "span",
-        {
-          style: {
-            padding: "5px",
-            display: "inline-flex",
-            alignItems: "center",
-            cursor: "pointer"
-          },
-          onClick() {
-            box.value = true;
-          }
-        },
-        [
-          _vue.h.call(void 0, 
-            "span",
-            {
-              style: {
-                display: "inline-block",
-                border: "1px solid #eee",
-                width: size,
-                height: size
-              }
-            },
-            [
-              _vue.h.call(void 0, iconVue.value, {
-                type: props.type,
-                size: props.size,
-                name: props.modelValue
-              })
-            ]
-          ),
-          _vue.h.call(void 0, 
-            "span",
-            {
-              style: {
-                marginLeft: "10px"
-              }
-            },
-            name2.value
-          ),
-          props.clearable && name2.value ? _vue.h.call(void 0, 
-            "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
-        ]
-      ),
-      _vue.h.call(void 0, 
-        dialogVue.value,
-        {
-          title: "\u9009\u62E9\u56FE\u6807",
-          modelValue: box.value,
-          "onUpdate:modelValue": (v) => {
-            box.value = v;
-            emit("update:modelValue", name2.value);
-          }
-        },
-        {
-          default() {
-            return _vue.h.call(void 0, 
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  padding: "10px"
-                }
-              },
-              [
-                _vue.h.call(void 0, 
-                  "div",
-                  {
-                    class: "top",
-                    style: {
-                      padding: "10px",
-                      display: "flex",
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      borderBottom: "1px solid #eee"
-                    }
-                  },
-                  [
-                    _vue.h.call(void 0, "input", {
-                      style: {
-                        height: "100%",
-                        padding: "5px"
-                      },
-                      placeholder: "\u8BF7\u8F93\u5165\u56FE\u6807\u540D\u79F0",
-                      value: search.value,
-                      onInput(e) {
-                        search.value = e.target.value;
-                      }
-                    }),
-                    _vue.h.call(void 0, 
-                      "span",
-                      {
-                        style: {
-                          display: "flex",
-                          alignItems: "center"
-                        }
-                      },
-                      [
-                        _vue.h.call(void 0, 
-                          "span",
-                          {
-                            style: {
-                              marginRight: "10px"
-                            }
-                          },
-                          name2.value
-                        ),
-                        _vue.h.call(void 0, iconVue.value, {
-                          type: props.type,
-                          size: props.size,
-                          name: name2.value
-                        }),
-                        props.clearable && name2.value ? _vue.h.call(void 0, 
-                          "span",
-                          {
-                            style: {
-                              cursor: "pointer",
-                              marginLeft: "10px",
-                              padding: "5px",
-                              fontSize: "16px",
-                              textAlign: "center"
-                            },
-                            onClick() {
-                              name2.value = void 0;
-                              box.value = false;
-                            }
-                          },
-                          "\u6E05\u7A7A"
-                        ) : void 0
-                      ]
-                    )
-                  ]
-                ),
-                _vue.h.call(void 0, 
-                  "div",
-                  {
-                    class: "list",
-                    style: {
-                      flex: 1,
-                      padding: "10px",
-                      flexWrap: "wrap",
-                      display: "flex",
-                      overflow: "auto"
-                    }
-                  },
-                  icons.value.map((key) => {
-                    return _vue.h.call(void 0, 
-                      "div",
-                      {
-                        style: {
-                          width: `calc(${size} + 20px)`,
-                          display: "flex",
-                          flexDirection: "column",
-                          alignItems: "center",
-                          cursor: "pointer",
-                          color: key === name2.value ? "#1569e6" : ""
-                        },
-                        onClick() {
-                          name2.value = key;
-                        }
-                      },
-                      [
-                        _vue.h.call(void 0, iconVue.value, {
-                          style: {
-                            margin: "5px",
-                            marginBottom: 0,
-                            backgroundColor: key === name2.value ? "#e0edff" : ""
-                          },
-                          size: props.size,
-                          name: key
-                        }),
-                        _vue.h.call(void 0, 
-                          "div",
-                          {
-                            style: {
-                              textAlign: "center",
-                              marginBottom: "5px",
-                              fontSize: "12px",
-                              lineHeight: "12px"
-                            }
-                          },
-                          [key]
-                        )
-                      ]
-                    );
-                  })
-                )
-              ]
-            );
-          }
-        }
-      )
-    ]);
-  }
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
 });
-var name = "FangIconPicker";
-var Picker = _chunkXHXN5JNRcjs.withInstall.call(void 0, component, name);
-var picker_default = Picker;
-
-
-
-exports.Picker = Picker; exports.default = picker_default;
+const require_util = require("../util.cjs");
+const require_icon_index = require("../icon/index.cjs");
+const require_picker_dialog = require("./dialog.cjs");
+let vue = require("vue");
+//#region packages/picker/index.ts
+const component = (0, vue.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 = (0, vue.ref)(false);
+		const name = (0, vue.ref)(props.modelValue);
+		const search = (0, vue.ref)("");
+		const icons = (0, vue.computed)(() => {
+			const obj = props.icons || [];
+			if (search.value) return obj.filter((k) => k.includes(search.value));
+			else return obj;
+		});
+		const iconVue = (0, vue.computed)(() => {
+			if (props.icon) if (typeof props.icon === "string") return (0, vue.resolveComponent)(props.icon);
+			else return props.icon;
+			else return require_icon_index.Icon;
+		});
+		const dialogVue = (0, vue.computed)(() => {
+			if (props.dialog) if (typeof props.dialog === "string") return (0, vue.resolveComponent)(props.dialog);
+			else return props.dialog;
+			else return require_picker_dialog;
+		});
+		let size = props.size;
+		if (typeof size === "number") size = size + "px";
+		return () => (0, vue.h)("span", {}, [(0, vue.h)("span", {
+			style: {
+				padding: "5px",
+				display: "inline-flex",
+				alignItems: "center",
+				cursor: "pointer"
+			},
+			onClick() {
+				box.value = true;
+			}
+		}, [
+			(0, vue.h)("span", { style: {
+				display: "inline-block",
+				border: "1px solid #eee",
+				width: size,
+				height: size
+			} }, [(0, vue.h)(iconVue.value, {
+				type: props.type,
+				size: props.size,
+				name: props.modelValue
+			})]),
+			(0, vue.h)("span", { style: { marginLeft: "10px" } }, name.value),
+			props.clearable && name.value ? (0, vue.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
+		]), (0, vue.h)(dialogVue.value, {
+			title: "选择图标",
+			modelValue: box.value,
+			"onUpdate:modelValue": (v) => {
+				box.value = v;
+				emit("update:modelValue", name.value);
+			}
+		}, { default() {
+			return (0, vue.h)("div", { style: {
+				display: "flex",
+				flexDirection: "column",
+				padding: "10px"
+			} }, [(0, vue.h)("div", {
+				class: "top",
+				style: {
+					padding: "10px",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					borderBottom: "1px solid #eee"
+				}
+			}, [(0, vue.h)("input", {
+				style: {
+					height: "100%",
+					padding: "5px"
+				},
+				placeholder: "请输入图标名称",
+				value: search.value,
+				onInput(e) {
+					search.value = e.target.value;
+				}
+			}), (0, vue.h)("span", { style: {
+				display: "flex",
+				alignItems: "center"
+			} }, [
+				(0, vue.h)("span", { style: { marginRight: "10px" } }, name.value),
+				(0, vue.h)(iconVue.value, {
+					type: props.type,
+					size: props.size,
+					name: name.value
+				}),
+				props.clearable && name.value ? (0, vue.h)("span", {
+					style: {
+						cursor: "pointer",
+						marginLeft: "10px",
+						padding: "5px",
+						fontSize: "16px",
+						textAlign: "center"
+					},
+					onClick() {
+						name.value = void 0;
+						box.value = false;
+					}
+				}, "清空") : void 0
+			])]), (0, vue.h)("div", {
+				class: "list",
+				style: {
+					flex: 1,
+					padding: "10px",
+					flexWrap: "wrap",
+					display: "flex",
+					overflow: "auto"
+				}
+			}, icons.value.map((key) => {
+				return (0, vue.h)("div", {
+					style: {
+						width: `calc(${size} + 20px)`,
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						cursor: "pointer",
+						color: key === name.value ? "#1569e6" : ""
+					},
+					onClick() {
+						name.value = key;
+					}
+				}, [(0, vue.h)(iconVue.value, {
+					style: {
+						margin: "5px",
+						marginBottom: 0,
+						backgroundColor: key === name.value ? "#e0edff" : ""
+					},
+					size: props.size,
+					name: key
+				}), (0, vue.h)("div", { style: {
+					textAlign: "center",
+					marginBottom: "5px",
+					fontSize: "12px",
+					lineHeight: "12px"
+				} }, [key])]);
+			}))]);
+		} })]);
+	}
+});
+const Picker = require_util.withInstall(component, "FangIconPicker");
+//#endregion
+exports.Picker = Picker;
+exports.default = Picker;