@dolphinweex/weex-harmony 0.1.80 → 0.1.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dolphinweex/weex-harmony",
-  "version": "0.1.80",
+  "version": "0.1.81",
   "description": "weex harmony adapter",
   "main": "index.js",
   "files": [

package/src/components/midea-common-weex-view.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div @viewappear="allHarmonyViewAppear">
     <div class="progress-container" v-if="progressText">
       <img class="progress-loading" src="data:image/gif;base64,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" alt="loading" />
       <text class="progress-text">{{progressText}}</text>
@@ -168,7 +168,14 @@ export default {
     window.addEventListener("message", this._onMessage, false);
   },
   methods: {
-    onPageFinish() {
+  allHarmonyViewAppear() {
+      const iframe = this.$refs.iframe;
+      if (iframe && iframe.contentWindow && typeof iframe.contentWindow.harmonyViewAppear === 'function') {
+        iframe.contentWindow.harmonyViewAppear();
+      } 
+    }
+  },
+  onPageFinish() {
       if (this.$refs["iframe"]) {
         this.$refs["iframe"].contentWindow.$midea_harmony_native =
           window.$midea_harmony_native;

package/src/components/midea-ipc-drag-list-view.vue

@@ -22,11 +22,13 @@
          v-for="(item, index) in data.list"
          :key="item.id"
          class="grid-item"
-         :class="{
-           'being-dragged': draggingIndex === index,
-           hidden: isDragClone && draggingIndex === index,
-           disabled: item.disabled === true
-         }"
+        :class="{
+          'being-dragged': draggingIndex === index,
+          hidden: isDragClone && draggingIndex === index,
+          disabled: item.disabled === true,
+          deleted: item.deleted
+        }"
+        v-show="!item.deleted"
          :data-index="index"
          @touchstart="(e) => onTouchStart(e, index)"
          @touchmove="onTouchMove"
@@ -37,9 +39,9 @@
          <div class="box" :class="{ shaking: isEditing }">
            <div class="thumb-wrap">
              <img class="thumb" :src="item.imageSrc" alt="" />
-             <button class="delete-btn" 
-              :style="{ fontSize : data.deleteBtnSize && data.deleteBtnSize * 4  || 16 * 4 }"
-             @click.stop="onDelete(index, item)">×</button>
+            <button class="delete-btn" 
+             :style="{ fontSize : data.deleteBtnSize && data.deleteBtnSize * 4  || 16 * 4 }"
+            @click.stop="requestDelete(index, item)">×</button>
            </div>
           <div
             class="label-row"
@@ -76,11 +78,22 @@
         v-model="editInputValue"
         :placeholder="data.inputPlaceholder || ''"
       />
-        <div class="modal-actions">
-          <text class="btn cancel" @click="onEditCancel">取消</text>
-          <div class="btn-divider"></div>
-          <text class="btn confirm" @click="onEditConfirm">确认</text>
-        </div>
+      <div class="modal-actions">
+        <text class="btn cancel" @click="onEditCancel">取消</text>
+        <div class="btn-divider"></div>
+        <text class="btn confirm" @click="onEditConfirm">确认</text>
+      </div>
+    </div>
+  </div>
+  <div v-if="showDeleteConfirm" class="modal-mask">
+    <div class="modal">
+      <div class="modal-title">温馨提示</div>
+      <div class="modal-content">删除所选关注视角后，相关的智能场景将执行失败</div>
+      <div class="modal-actions">
+        <text class="btn cancel" @click="onDeleteCancel">取消</text>
+        <div class="btn-divider"></div>
+        <text class="btn confirm" @click="onDeleteConfirmAction">确定</text>
+      </div>
     </div>
   </div>
   </div>
@@ -132,6 +145,8 @@
       showEditDialog: false,
       editInputValue: '',
       editIndex: null,
+      showDeleteConfirm: false,
+      pendingDeleteIndex: null,
        scale: weex.config.env.scale
      };
    },
@@ -161,6 +176,25 @@
        if (this.isTouchDragging || this.longPressTimer || this.secondLongPressTimer) return;
        this.$emit('onClickEvent', { item, index });
      },
+  
+    requestDelete(index, item) {
+      const targetItem = this.data.list[index];
+      if (!targetItem || targetItem.deleted) return;
+      this.pendingDeleteIndex = index;
+      this.showDeleteConfirm = true;
+    },
+
+    onDeleteCancel() {
+      this.showDeleteConfirm = false;
+      this.pendingDeleteIndex = null;
+    },
+
+    onDeleteConfirmAction() {
+      if (this.pendingDeleteIndex === null) return;
+      const item = this.data.list[this.pendingDeleteIndex];
+      this.onDelete(this.pendingDeleteIndex, item);
+      this.onDeleteCancel();
+    },
 
     onEditClick(item, index) {
       // 点击编辑按钮：弹出编辑名称对话框
@@ -175,16 +209,19 @@
     },
     
     /**
-     * @description 校验并过滤输入内容：仅允许中文/英文/数字。
+     * @description 校验输入内容，仅允许中文/英文/数字，且去除前后空白。
      * @param {string} value 当前输入值
-     * @returns {string} 校验并过滤后的值
+     * @returns {{ valid: boolean, message?: string, value?: string }}
      */
-    validateAndFilterInput(value) {
-      if (!value) return '';
-      // 过滤：只保留中文、英文、数字
-      // 正则表达式：[^a-zA-Z0-9\u4e00-\u9fa5] 匹配所有非英文、非数字、非汉字的字符
-      let filteredValue = value.replace(/[^a-zA-Z0-9\u4e00-\u9fa5]/g, '');
-      return filteredValue;
+    validateLabelInput(value) {
+      const trimmedValue = (value || '').trim();
+      if (!trimmedValue) {
+        return { valid: false, message: '视角名称不能为空' };
+      }
+      if (/[^a-zA-Z0-9\u4e00-\u9fa5]/.test(trimmedValue)) {
+        return { valid: false, message: '视角名称只能输入中文、英文和数字' };
+      }
+      return { valid: true, value: trimmedValue };
     },
     
     showToast(message) {
@@ -199,20 +236,28 @@
     },
     
     onEditConfirm() {
-      const originalValue = (this.editInputValue || '').trim();
-      const newLabel = this.validateAndFilterInput(originalValue);
-      
-      // 2. 检查是否为空
-      if (!newLabel) {
-        this.showToast('不支持为空');
+      const validation = this.validateLabelInput(this.editInputValue);
+      if (!validation.valid) {
+        this.showToast(validation.message);
         return;
       }
+      const newLabel = validation.value;
+      
       // 3. 检查长度
       if (newLabel.length > 8) {
         // 长度超限：提示并阻止后续更新和关闭逻辑
         this.showToast('限8个字符以内名称，请重新输入');
         return; 
       }
+      const duplicateExists = this.data.list && this.data.list.some((it, idx) => {
+        if (idx === this.editIndex) return false;
+        if (!it || it.deleted) return false;
+        return String(it.label || '') === newLabel;
+      });
+      if (duplicateExists) {
+        this.showToast('已存在此视角');
+        return;
+      }
       if (this.editIndex !== null && this.data.list && this.data.list[this.editIndex]) {
         this.$set(this.data.list[this.editIndex], 'label', newLabel);
         // 通知外部（可选）
@@ -230,15 +275,20 @@
      * @param {object} item 列表项数据
      */
     onDelete(index, item) {
-      this.$emit('onDeleteEvent', { item, index });
-      // 默认本地也删除
-      this.data.list.splice(index, 1);
+      const currentItem = this.data.list[index];
+      if (!currentItem) return;
+      this.$emit('onDeleteEvent', { item: currentItem, index });
+      this.$set(currentItem, 'deleted', true);
       this.$nextTick(this.measureItemSize);
     },
  
      onTouchStart(e, index) {
        if (!e.changedTouches || e.changedTouches.length === 0) return;
-       this.measureItemSize();
+      const targetItem = this.data.list[index];
+      if (targetItem && targetItem.deleted) {
+        return;
+      }
+      this.measureItemSize();
        const touch = e.changedTouches[0];
        this.touchStartX = touch.pageX;
        this.touchStartY = touch.pageY;
@@ -395,7 +445,9 @@
        const gridItems = Array.from(this.$el.querySelectorAll('.grid-item'));
        let targetIndex = null;
        for (let i = 0; i < gridItems.length; i++) {
-         if (i === this.draggingIndex) continue;
+        if (i === this.draggingIndex) continue;
+        const listItem = this.data.list[i];
+        if (listItem && listItem.deleted) continue;
          const rect = gridItems[i].getBoundingClientRect();
          const centerX = (rect.left + rect.right) / 2;
          const centerY = (rect.top + rect.bottom) / 2;
@@ -421,11 +473,15 @@
     },
     getListData(callback) {
       const list = Array.isArray(this.data && this.data.list) ? this.data.list : [];
-      const arr = list.map((it) => ({
-        id: String((it && (it.id != null ? it.id : '')) || ''),
-        label: String((it && (it.label != null ? it.label : '')) || ''),
-        imageSrc: (it && it.imageSrc) || ''
-      }));
+      const arr = [];
+      list.forEach((it) => {
+        if (!it || it.deleted) return;
+        arr.push({
+          id: String((it && (it.id != null ? it.id : '')) || ''),
+          label: String((it && (it.label != null ? it.label : '')) || ''),
+          imageSrc: (it && it.imageSrc) || ''
+        });
+      });
       const payload = { listData: arr, list: arr };
       if (typeof callback === 'function') {
         try { callback(payload); } catch (e) { /* ignore */ }
@@ -512,8 +568,6 @@
   flex-direction: row;
   justify-content: center;
   gap: 8px;
-}
-.edit-icon {
 }
  .drag-clone {
    box-sizing: border-box;
@@ -548,6 +602,13 @@
   color: #222;
   margin: 24px 0 24px 0px;
   text-align: center;
+  font-weight: 500;
+}
+.modal-content {
+  font-size: 24px;
+  color: #333;
+  text-align: center;
+  padding-bottom: 16px;
 }
 .modal-input {
   width: 100%;