@neatui/vue 2.11.0 → 2.12.0

package/src/components/form/type.ts

@@ -0,0 +1,224 @@
+/**
+ * 对象类型相关判断
+ * @module type
+ */
+
+/**
+ * 获取指定对象的类型
+ * @param  {type} obj 	对象
+ * @return {string}     对象类型值
+ */
+export function getType(obj: any): string {
+  return Object.prototype.toString.call(obj);
+}
+
+/**
+ * 判断是否是function
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isFunction(obj: any): boolean {
+  return typeof obj === 'function';
+}
+
+/**
+ * 判断是否是Object
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isObject(obj: any): boolean {
+  return '[object Object]' === getType(obj);
+}
+
+/**
+ * 判断是否是array
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isArray(obj: any): boolean {
+  return '[object Array]' === getType(obj);
+}
+
+/**
+ * 判断是否是undefined
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isUndefined(obj: any): boolean {
+  return '[object Undefined]' === getType(obj);
+}
+
+/**
+ * 判断是否是null
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isNull(obj: any): boolean {
+  return '[object Null]' === getType(obj);
+}
+
+/**
+ * 判断是否是字符串
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isString(obj: any): boolean {
+  return typeof obj === 'string';
+}
+
+/**
+ * 判断是否是布尔类型
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isBoolean(obj: any): boolean {
+  return typeof obj === 'boolean';
+}
+
+/**
+ * 判断是否是一个数字
+ * @param  {number}  num 数字
+ * @return {Boolean}
+ */
+export function isNumber(num: any): boolean {
+  return '[object Number]' === getType(num) && !isNaN(num);
+}
+
+/**
+ * 判断是否是一个日期
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isDate(obj: any): boolean {
+  return '[object Date]' === getType(obj);
+}
+
+/**
+ * 判断是否是一个日期字符串
+ * @param  {string}  str 字符
+ * @return {Boolean}
+ */
+export function isDateString(str: any): boolean {
+  try {
+    return new Date(str?.replace(/-/g, '/')).toString() !== 'Invalid Date';
+  } catch (err) {
+    return false;
+  }
+}
+
+/**
+ * 判断是否是一个DOM节点
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isElement(obj: any): boolean {
+  return /\[object\sHTML\w*Element\]/.test(getType(obj)) || getType(obj) === '[object HTMLDocument]';
+}
+
+/**
+ * 判断是否是一个DOM节点列表
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isNodeList(obj: any): boolean {
+  return getType(obj) === '[object NodeList]';
+}
+
+/**
+ * 判断是否为空
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isEmpty(obj: any): boolean {
+  if (isArray(obj)) {
+    return obj.length === 0;
+  } else if (isObject(obj)) {
+    return Object.keys(obj).length === 0;
+  } else {
+    return isUndefined(obj) || isNull(obj) || obj === '';
+  }
+}
+
+/**
+ * 判断是否为Base64字符串
+ * @param  {string}  obj 对象
+ * @return {Boolean}
+ */
+export function isBase64(obj: any): boolean {
+  return isString(obj) && /data:\w*\/\w*;base64,/.test(obj);
+}
+
+/**
+ * 判断是否为Blob对象
+ * @param  {object}  obj 对象
+ * @return {Boolean}
+ */
+export function isBlob(obj: any): boolean {
+  return obj instanceof Blob;
+}
+
+/**
+ * 判断是不是JSON字符串
+ * @param  {object}  obj 任意类型
+ * @return {Boolean}
+ */
+export function isJsonString(obj: any): boolean {
+  try {
+    JSON.parse(obj);
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+/**
+ * 判断是不是数组字符串
+ * @param  {object}  obj 任意类型
+ * @return {Boolean}
+ */
+export function isArrayString(obj: any): boolean {
+  try {
+    const a = JSON.parse(obj);
+    return isArray(a);
+  } catch (e) {
+    return false;
+  }
+}
+
+/**
+ * 判断是不是对象字符串
+ * @param  {object}  obj 任意类型
+ * @return {Boolean}
+ */
+export function isObjectString(obj: any): boolean {
+  try {
+    const o = JSON.parse(obj);
+    return isObject(o);
+  } catch (e) {
+    return false;
+  }
+}
+
+/**
+ * 判断是不是经过编码的字符串
+ * @param  {object}  str 字符串
+ * @return {Boolean}
+ */
+export const isEncoded = (str: any) => {
+  try {
+    return str !== decodeURIComponent(str);
+  } catch (_e) {
+    // 如果解码失败，说明字符串未被正确编码
+    return false;
+  }
+};
+
+/**
+ * 检查对象是否拥有指定的自身属性（不检查原型链）
+ * @param obj 要检查的对象
+ * @param key 属性名
+ * @returns {boolean} 如果对象自身包含该属性则返回 true，否则返回 false
+ */
+export const hasOwnProp = (obj: unknown, key: PropertyKey): boolean => {
+  return obj != null && Object.prototype.hasOwnProperty.call(obj, key);
+};

package/src/components/loader/FormLoader/FormLoader@v2.vue

@@ -18,14 +18,14 @@
             </template>
           </p>
         </template>
-        <Input v-if="col.model[0] === 'Input'" v-model="col._data[col.field]" :interacted="interacted" :rules="col.rules" class="full-w" v-bind="{ ...(col.model[1] || {}) }" />
+        <Input v-if="col.model[0] === 'Input'" v-model="col._data[col.field]" :interacted="interacted" :rules="col.rules" class="w-full" v-bind="{ ...(col.model[1] || {}) }" />
         <Select
           v-else-if="col.model[0] === 'Select'"
           v-model="col._data[col.field]"
           :interacted="interacted"
           :options="col.enums"
           :rules="col?.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         ></Select>
         <SelectList
@@ -34,7 +34,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col?.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <SelectTags
@@ -43,7 +43,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col?.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <SelectPicker
@@ -52,7 +52,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col?.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <SearchSelect
@@ -61,7 +61,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <MoreSelect
@@ -70,7 +70,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <MoreSelectList
@@ -79,7 +79,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <MoreSelectTags
@@ -88,7 +88,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <MoreSelectPicker
@@ -97,7 +97,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <SearchMoreSelect
@@ -106,7 +106,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <PageSelect
@@ -115,7 +115,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <SelectTree
@@ -124,7 +124,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <DatePicker
@@ -132,7 +132,7 @@
           v-model="col._data[col.field]"
           :interacted="interacted"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <DateRangePicker
@@ -140,18 +140,18 @@
           v-model="col._data[col.field]"
           :interacted="interacted"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <ImgUpload v-else-if="col.model[0] === 'ImgUpload'" v-model="col._data[col.field]" :interacted="interacted" :rules="col.rules" v-bind="{ ...(col.model[1] || {}) }" />
         <Upload v-else-if="col.model[0] === 'Upload'" v-model="col._data[col.field]" :interacted="interacted" :rules="col.rules" v-bind="{ ...(col.model[1] || {}) }" />
-        <TextArea
-          v-else-if="col.model[0] === 'TextArea'"
+        <Textarea
+          v-else-if="col.model[0] === 'Textarea'"
           v-model="col._data[col.field]"
           :interacted="interacted"
           :rules="col.rules"
           v-bind="{ ...(col.model[1] || {}) }"
-        ></TextArea>
+        ></Textarea>
         <Switch v-else-if="col.model[0] === 'Switch'" v-model="col._data[col.field]" :interacted="interacted" :rules="col.rules" v-bind="{ ...(col.model[1] || {}) }" />
         <Tree v-else-if="col.model[0] === 'Tree'" v-model="col._data[col.field]" :interacted="interacted" :rules="col.rules" class="mt-sm" v-bind="{ ...(col.model[1] || {}) }" />
         <Cascader
@@ -160,7 +160,7 @@
           :interacted="interacted"
           :options="col.enums"
           :rules="col.rules"
-          class="full-w"
+          class="w-full"
           v-bind="{ ...(col.model[1] || {}) }"
         />
         <template v-else>
@@ -187,7 +187,7 @@
   import {
     Input,
     Switch,
-    TextArea,
+    Textarea,
     Select,
     SelectList,
     SelectTags,