@opentiny/vue-search-box 0.0.2 → 0.1.1-alpha.1

package/src/smb-theme.ts

@@ -0,0 +1,15 @@
+export const tvpSearchBoxSmbTheme = {
+  'tvp-search-box-right-search-icon-display': 'none',
+  'tvp-search-box-left-icon-display': 'inline',
+  'tvp-search-box-help-icon-margin-right': 'var(--ti-common-space-0)',
+  'tvp-search-box-padding-left': 'var(--ti-common-space-8x)',
+  'tvp-search-box-close-icon-margin-right': 'var(--ti-common-space-base)',
+  'tvp-search-box-separator-icon-margin-right': 'var(--ti-common-space-base)',
+  'tvp-search-box-dropdown-btn-group-margin-top': 'var(--ti-common-space-2x)',
+  'tvp-search-box-dropdown-btn-group-padding-top': 'var(--ti-common-space-4x)',
+  'tvp-search-box-dropdown-btn-group-padding-bottom': 'var(--ti-common-space-2x)',
+  'tvp-search-box-dropdown-btn-min-width': 'var(--ti-common-size-18x)',
+  'tvp-search-box-dropdown-padding-vertical': 'var(--ti-common-space-4x)',
+  'tvp-search-box-input-padding-left': 'var(--ti-common-space-0)',
+  'tvp-search-box-dropdown-header-text-color': 'var(--ti-common-color-border)'
+}

package/src/theme.json

@@ -0,0 +1,135 @@
+{
+  "--tvp-search-box-border-color": {
+    "id": "--tvp-search-box-border-color",
+    "key": "--tvp-search-box-border-color",
+    "variable": "var(--ti-common-color-line-normal)",
+    "value": "var(--ti-common-color-line-normal)",
+    "desc": "输入框边框色",
+    "descEn": "Text box border color",
+    "component": "search-box",
+    "componentDesc": "",
+    "componentDescEn": "",
+    "selector": ".tvp-search-box",
+    "type": "",
+    "group": "",
+    "isImportant": "false",
+    "ui": "",
+    "show": 1,
+    "configurable": 1,
+    "isOpen": true
+  },
+  "--tvp-search-box-border-radius": {
+    "id": "--tvp-search-box-border-radius",
+    "key": "--tvp-search-box-border-radius",
+    "variable": "var(--ti-common-border-radius-normal)",
+    "value": "var(--ti-common-border-radius-normal)",
+    "desc": "输入框圆角",
+    "descEn": "Filler corner of the input box",
+    "component": "search-box",
+    "componentDesc": "",
+    "componentDescEn": "",
+    "selector": ".tvp-search-box",
+    "type": "",
+    "group": "",
+    "isImportant": "false",
+    "ui": "",
+    "show": 1,
+    "configurable": 1,
+    "isOpen": true
+  },
+  "--tvp-search-box-tag-hover-text-color": {
+    "id": "--tvp-search-box-tag-hover-text-color",
+    "key": "--tvp-search-box-tag-hover-text-color",
+    "variable": "var(--ti-common-color-icon-hover)",
+    "value": "var(--ti-common-color-icon-hover)",
+    "desc": "标签悬浮文本色",
+    "descEn": "Label floating text natural color",
+    "component": "search-box",
+    "componentDesc": "",
+    "componentDescEn": "",
+    "selector": ".tvp-search-box",
+    "type": "",
+    "group": "",
+    "isImportant": "false",
+    "ui": "",
+    "show": 1,
+    "configurable": 1,
+    "isOpen": true
+  },
+  "--tvp-search-box-tag-hover-fill-color": {
+    "id": "--tvp-search-box-tag-hover-fill-color",
+    "key": "--tvp-search-box-tag-hover-fill-color",
+    "variable": "var(--tvp-search-box-tag-hover-text-color)",
+    "value": "var(--tvp-search-box-tag-hover-text-color)",
+    "desc": "标签悬浮关闭图标填充色",
+    "descEn": "Label Hover Close Icon Fill Color",
+    "component": "search-box",
+    "componentDesc": "",
+    "componentDescEn": "",
+    "selector": ".tvp-search-box",
+    "type": "",
+    "group": "",
+    "isImportant": "false",
+    "ui": "",
+    "show": 1,
+    "configurable": 1,
+    "isOpen": true
+  },
+  "--tvp-search-box-dropdown-header-text-color": {
+    "id": "--tvp-search-box-dropdown-header-text-color",
+    "key": "--tvp-search-box-dropdown-header-text-color",
+    "variable": "var(--ti-common-color-text-weaken)",
+    "value": "var(--ti-common-color-text-weaken)",
+    "desc": "下拉框头部文本色",
+    "descEn": "Text color of the drop-down list box header",
+    "component": "search-box",
+    "componentDesc": "",
+    "componentDescEn": "",
+    "selector": ".tvp-search-box",
+    "type": "",
+    "group": "",
+    "isImportant": "false",
+    "ui": "",
+    "show": 1,
+    "configurable": 1,
+    "isOpen": true
+  },
+  "--tvp-search-box-search-filter-bg-color": {
+    "id": "--tvp-search-box-search-filter-bg-color",
+    "key": "--tvp-search-box-search-filter-bg-color",
+    "variable": "var(--ti-common-color-bg-white-emphasize)",
+    "value": "var(--ti-common-color-bg-white-emphasize)",
+    "desc": "搜索过滤下拉框列表项背景色",
+    "descEn": "Background color of the search drop-down list box",
+    "component": "search-box",
+    "componentDesc": "",
+    "componentDescEn": "",
+    "selector": ".tvp-search-box",
+    "type": "",
+    "group": "",
+    "isImportant": "false",
+    "ui": "",
+    "show": 1,
+    "configurable": 1,
+    "isOpen": true
+  },
+  "--tvp-search-box-search-filter-text-color": {
+    "id": "--tvp-search-box-search-filter-text-color",
+    "key": "--tvp-search-box-search-filter-text-color",
+    "variable": "var(--ti-common-color-icon-active)",
+    "value": "var(--ti-common-color-icon-active)",
+    "desc": "搜索过滤下拉框列表项文本色",
+    "descEn": "Text color of the search drop-down list box",
+    "component": "search-box",
+    "componentDesc": "",
+    "componentDescEn": "",
+    "selector": ".tvp-search-box",
+    "type": "",
+    "group": "",
+    "isImportant": "false",
+    "ui": "",
+    "show": 1,
+    "configurable": 1,
+    "isOpen": true
+  }
+}

package/src/utils/clone.ts

@@ -0,0 +1,37 @@
+/**
+ * 深拷贝方法
+ * @param obj 元数据
+ * @returns
+ */
+export const deepClone = (obj) => {
+  const objClone = Array.isArray(obj) ? [] : {}
+  if (obj && typeof obj === 'object') {
+    const keys = Object.keys(obj)
+    if (keys.length) {
+      keys.forEach((key) => {
+        if (obj[key] && typeof obj[key] === 'object') {
+          objClone[key] = deepClone(obj[key])
+        } else {
+          objClone[key] = obj[key]
+        }
+      })
+    } else {
+      return obj
+    }
+  }
+
+  return objClone
+}
+
+/**
+ * 过滤复制对象的key值
+ * @param obj 复制对象
+ * @param keysToOmit key值
+ */
+export const omitObj = (obj, keysToOmit = ['mergeTag', 'options', 'idMapKey']) => {
+  const result = { ...obj }
+  keysToOmit.forEach((key) => {
+    delete result[key]
+  })
+  return result
+}