diff --git a/src/views/Creative/3d/crossyo/shelves-vue-demo/api/mock-data/data/shop-hall-survey-data-1.json b/src/views/Creative/3d/crossyo/shelves-vue-demo/api/mock-data/data/shop-hall-survey-data-1.json
index f442a384..c8223692 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue-demo/api/mock-data/data/shop-hall-survey-data-1.json
+++ b/src/views/Creative/3d/crossyo/shelves-vue-demo/api/mock-data/data/shop-hall-survey-data-1.json
@@ -12,13 +12,55 @@
 		"multiply": 7.7
 	},
 	"objects": [
+		
 		{
 			"type": "rotSprite",
+			"relRotSpriteId": "fRwV2h",
+			"url": "/shelves-v5-store/rotSprite/fRwV2h/c-ada61/pano_$2.webp",
+            "urlSmall": "/shelves-v5-store/rotSprite/fRwV2h/c-ada61/pano_$2.webp",
+			"urlThumb": "/shelves-v5-store/rotSprie/fRwV2h/c-ada61/pano_00.webp",
+			"rsFrames": 36,
+			"rsClockwise": true,
+			"rsFirstRotY": -30,
+			"rsWidth": 5.8,
+			"rsHeight": 3.8,
+			"rsCenterY": 0.26,
+			"rsPlaceRotateY": 180,
 			"position": {
+				"x": -4.5,
+				"y": 0,
+				"z": -2
+			},
+			"rotation": {
 				"x": 0,
 				"y": 0,
 				"z": 0
 			},
+			"scale": {
+				"x": 1,
+				"y": 1,
+				"z": 1
+			}
+		},
+
+		{
+			"type": "rotSprite",
+			"relRotSpriteId": "fRwV2h",
+			"url": "/shelves-v5-store/rotSprite/fRwV2h/c-ada61/pano_$2.webp",
+            "urlSmall": "/shelves-v5-store/rotSprite/fRwV2h/c-ada61/pano_$2.webp",
+			"urlThumb": "/shelves-v5-store/rotSprie/fRwV2h/c-ada61/pano_00.webp",
+			"rsFrames": 36,
+			"rsClockwise": true,
+			"rsFirstRotY": -30,
+			"rsWidth": 5.8,
+			"rsHeight": 3.8,
+			"rsCenterY": 0.26,
+			"rsPlaceRotateY": 180,
+			"position": {
+				"x": 2,
+				"y": 0,
+				"z": -10
+			},
 			"rotation": {
 				"x": 0,
 				"y": 0,
diff --git a/src/views/Creative/3d/crossyo/shelves-vue-demo/api/mock-data/rotSprites-mock-data.js b/src/views/Creative/3d/crossyo/shelves-vue-demo/api/mock-data/rotSprites-mock-data.js
index 8ed3dddb..5cc34c78 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue-demo/api/mock-data/rotSprites-mock-data.js
+++ b/src/views/Creative/3d/crossyo/shelves-vue-demo/api/mock-data/rotSprites-mock-data.js
@@ -5,10 +5,29 @@ export const rotSprites = reactive({
     list: [
         {
 			id: 'fRwV2h',
-            name: "xx",
-            url: `${api.storePrefix}/rotSprites/fRwV2h/seq1`,
-            urlSmall: `${api.storePrefix}/rotSprites/fRwV2h/seq1-small`,
-			urlThumb: `${api.storePrefix}/rotSpries/fRwV2h/seq1-t.png`,
+            name: "c-ada6l",
+            url: `${api.storePrefix}/rotSprite/fRwV2h/c-ada61/pano_$2.webp`,
+            urlSmall: `${api.storePrefix}/rotSprite/fRwV2h/c-ada61/pano_$2.webp`,
+			urlThumb: `${api.storePrefix}/rotSprie/fRwV2h/c-ada61/pano_00.webp`,
+			rsFrames: 36,
+			rsClockwise: true,
+			rsFirstRotY: -30,
+			rsWidth: 5.8, // 5m*1200/1034
+			rsHeight: 3.8, // 800/1200
+			rsCenterY: .26, // 214/800
+        },
+		{
+			id: 'LR2fN8',
+            name: "c-cba",
+            url: `${api.storePrefix}/rotSprite/LR2fN8/c-cba/pano_$2.webp`,
+            urlSmall: `${api.storePrefix}/rotSprite/LR2fN8/c-cba/pano_$2.webp`,
+			urlThumb: `${api.storePrefix}/rotSprie/LR2fN8/c-cba/pano_00.webp`,
+			rsFrames: 36,
+			rsClockwise: true,
+			rsFirstRotY: -30,
+			rsWidth: 4.78, // 4.6m*1200/1155
+			rsHeight: 3.19, // 800/1200
+			rsCenterY: .27, // 218/800
         },
     ]
 })
\ No newline at end of file
diff --git a/src/views/Creative/3d/crossyo/shelves-vue-demo/index.vue b/src/views/Creative/3d/crossyo/shelves-vue-demo/index.vue
index fd9b9c5c..e7cc2c68 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue-demo/index.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue-demo/index.vue
@@ -24,13 +24,283 @@ body {
     /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
 
     /* font-family: "Microsoft YaHei"; */
-    font-family: monospace;
+    /* font-family: monospace; */
+    font-family: "Microsoft YaHei";
+}
+
+/* Works on Firefox */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #ECECEC rgba(0, 0, 0, 0);
+}
+
+/* Works on Chrome, Edge, and Safari */
+*::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+    background: rgba(0, 0, 0, 0);
+    border-radius: 0;
+}
+
+/* *::-webkit-scrollbar-track {
+  } */
+
+*::-webkit-scrollbar-thumb {
+    width: 4px;
+    height: 4px;
+    background: #ECECEC;
+    border-radius: 0;
+}
+
+/* Code for Firefox */
+::-moz-selection { 
+  color: #fff;
+  background: #70B936;
+}
+
+/* Code for Chrome, Edge, and Safari */
+::selection {
+  color: #fff;
+  background: #70B936;
 }
 
 #app {
     margin: 0px;
 }
 
+.yo-scrollbar {
+    display: grid;
+    flex-wrap: wrap;
+    gap: 25px;
+    padding: 25px;
+    overflow-y: auto;
+    grid-template-columns: repeat(1, 1fr);
+}
+
+.yo-scrollbar2 {
+    display: flex;
+    flex-flow: column;
+    /* gap: 25px; */
+    padding: 25px;
+    overflow-y: auto;
+}
+
+.yo-content {
+    display: flex;
+    flex-flow: column;
+    gap: 25px;
+    padding-top: 25px;
+}
+
+.yo-thumb {
+    display: inline-block;
+    width: auto;
+    height: 130px;
+    /* color: #70B936; */
+    background-color: rgba(245, 245, 245, 0.6);
+    border: none;
+    box-sizing: border-box;
+    border-radius: 10px;
+    margin: 0;
+    text-align: center;
+}
+
+.yo-thumb:hover,
+.yo-thumb:focus {
+    border: none;
+    cursor: pointer;
+    transform: scale(1.05);
+}
+
+.yo-thumb:active {
+    border: none;
+    cursor: pointer;
+    transform: scale(0.95);
+}
+
+.yo-thumb img {
+    width: 100%;
+    height: 100%;
+    border-radius: 10px;
+}
+
+.yo-obj-fit-cover {
+    object-fit: cover;
+}
+
+.yo-obj-fit-contain {
+    object-fit: contain;
+}
+
+.ant-input {
+    color: #434343;
+}
+
+.ant-input-affix-wrapper {
+    color: #434343;
+    border-color: #DFE0E3;
+    background: #FEFFFE;
+    border-radius: 6px;
+    padding-left: 4px;
+}
+
+.ant-input-affix-wrapper:hover {
+    border-color: #70B936;
+}
+
+.ant-input-affix-wrapper img {
+    width: 24px;
+}
+
+.ant-input-affix-wrapper-focused {
+    box-shadow: none;
+}
+
+.ant-input-affix-wrapper .ant-input-prefix,
+.ant-input-affix-wrapper .ant-input-suffix {
+    color: #7E7E7E;
+    font-size: 12px;
+}
+
+.ant-select-selection-item{
+   background-color: red;
+}
+
+.ant-slider-rail {
+    height: 6px;
+    background: #ECECEC;
+    border-radius: 3px;
+}
+
+.ant-slider-track {
+    height: 6px;
+    background: #7EC04A;
+    border-radius: 3px;
+}
+
+.ant-slider-handle {
+    width: 20px;
+    height: 20px;
+    margin-top: -7px;
+    background: #7EC04A;
+    border: 4px solid #DFF4D0;
+}
+
+.ant-slider-handle:focus {
+    border-color: #DFF4D0;
+    box-shadow: none;
+}
+
+.ant-slider-handle.ant-tooltip-open {
+    border-color: #DFF4D0;
+}
+
+.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
+    border-color: #DFF4D0;
+}
+
+.ant-slider-step {
+    height: 6px;
+}
+
+.ant-slider:hover .ant-slider-rail {
+    background: #ECECEC;
+}
+
+.ant-slider:hover .ant-slider-track {
+    background: #7EC04A;
+}
+
+.ant-tooltip-inner {
+    color: #fff;
+    background: #808080;
+    border-radius: 2px;
+    font-size: 12px;
+    line-height: 18px;
+    box-shadow: none;
+}
+
+.ant-radio-button-wrapper {
+    color: #434343;
+    border: none;
+    background: #f9f9f9;
+}
+
+.ant-radio-button-wrapper:hover {
+    color: #7EC04A;
+    background: #f9f9f9;
+}
+
+/* .ant-radio-button-wrapper:active {
+    color: #7EC04A;
+    background: #f9f9f9;
+} */
+
+.ant-radio-button-wrapper:first-child {
+    border: none;
+    border-radius: 6px 0 0 6px;
+}
+
+.ant-radio-button-wrapper:last-child {
+    border: none;
+    border-radius: 0 6px 6px 0;
+}
+
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+    color: #ffffff;
+    background: #7EC04A;
+    border: none;
+}
+
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+    color: #ffffff;
+    background: #7EC04A;
+    border: none;
+}
+
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
+    box-shadow: none;
+}
+
+.ant-radio-button-wrapper:not(:first-child)::before {
+    background: none;
+}
+
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
+    background: none;
+}
+
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
+    background: none;
+}
+
+.ant-divider {
+    color: #F5F5F5;
+    margin: 0;
+}
+
+.empty1 {
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 2px;
+    color: #434343;
+    text-align: center;
+}
+
+.yo-title-s16 {
+    font-size: 16px;
+    font-weight: 600;
+    letter-spacing: 2px;
+    color: #434343;
+}
+
+.yo-title-s14 {
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 2px;
+    color: #434343;
+}
+
 .yo-icon img {
     width: 100%;
     height: 100%;
@@ -120,7 +390,8 @@ body {
     padding-right: 24px;
 }
 
-.el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase {
+.el-input-number--small .el-input-number__decrease,
+.el-input-number--small .el-input-number__increase {
     width: 16px;
     font-size: 11px;
 }
@@ -146,5 +417,4 @@ body {
 }
 
 /* antdv */
-
 </style>
\ No newline at end of file
diff --git a/src/views/Creative/3d/crossyo/shelves-vue-demo/view/ShopEditorDemo.vue b/src/views/Creative/3d/crossyo/shelves-vue-demo/view/ShopEditorDemo.vue
index f7e47fb0..66469f23 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue-demo/view/ShopEditorDemo.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue-demo/view/ShopEditorDemo.vue
@@ -44,7 +44,7 @@
                             </span>
                         </template>
                     </a-tab-pane>
-                    <a-tab-pane key="element">
+                    <a-tab-pane key="schema">
                         <template #tab>
                             <span>
                                 <img :src="ItemSvg" />
@@ -63,27 +63,32 @@
                         @remove="removeHall" />
                     <TabListShelf v-if="activeTabName == 'shelf'" @clickThumb="clickThumbShelf" @add="addShelf"
                         @remove="removeShelf" />
-                    <TabListWare v-if="activeTabName == 'ware'" />
+                    <TabListWare v-if="activeTabName == 'ware'" @clickThumb="clickThumbWare" @add="addWare"
+                        @remove="removeWare" />
                 </div>
                 <div class="yo-main">
-                    <SceneShopEditor v-if="shopData" ref="se" :shopData="shopData" :updateAction="updateAction" />
+                    <SceneShopEditor v-if="shopData" ref="se" :shopData="shopData" :updateAction0="updateAction0"
+                        :updateAction="updateAction" :activePropName="activePropName"
+                        @selectCell="selectedCell = $event" />
                 </div>
                 <div class="right">
-                    <TabPropPanorama v-if="shopData && activeTabName == 'panorama'" :shopData="shopData"
+                    <TabPropPanorama v-if="shopData && activePropName == 'panorama'" :shopData="shopData"
                         @updateAction="updateAction = $event" />
-                    <TabPropHall v-if="shopData && activeTabName == 'hall'" :shopData="shopData"
+                    <TabPropHall v-if="shopData && activePropName == 'hall'" :shopData="shopData"
                         @updateAction="updateAction = $event" />
-                    <TabPropShelf v-if="shopData && activeTabName == 'shelf'" :shopData="shopData"
+                    <TabPropShelf v-if="shopData && activePropName == 'shelf'" :shopData="shopData"
                         @updateAction="updateAction = $event" />
-                    <TabPropCellWare v-if="shopData && activeTabName == 'ware'" />
-                    <TabPropSchema v-if="shopData && activeTabName == 'schema'" />
+                    <TabPropCellWare v-if="shopData && activePropName == 'ware'" :cell="selectedCell"
+                        @changeCellPileNumber="changeCellPileNumber"
+                        @changeCellPileRotationY="changeCellPileRotationY" />
+                    <TabPropSchema v-if="shopData && activePropName == 'schema'" />
                 </div>
             </div>
         </div>
     </div>
     <PanoramaUploader :isOpen="isOpenPanoramaUploader" @close="closePanoramaUploader" @success="panoramaAddSuccess" />
     <ShelfUploader :isOpen="isOpenShelfUploader" @close="closeShelfUploader" @success="shelfAddSuccess" />
-
+    <WareUploader :isOpen="isOpenWareUploader" @close="closeWareUploader" @success="wareAddSuccess" />
 </template>
 
 <script setup>
@@ -104,6 +109,7 @@ import TabPropSchema from '../../shelves-vue/components/editor/TabPropSchema.vue
 
 import PanoramaUploader from '../../shelves-vue/view/PanoramaUploader.vue'
 import ShelfUploader from '../../shelves-vue/view/ShelfUploader.vue'
+import WareUploader from '../../shelves-vue/view/WareUploader.vue'
 
 import ShopSvg from '../../shelves-vue/asset/icon2/shop.svg'
 import WareSvg from '../../shelves-vue/asset/icon2/ware.svg'
@@ -113,8 +119,11 @@ import ItemSvg from '../../shelves-vue/asset/icon2/item.svg'
 </script>
 
 <script>
-import { ShopEditor, use_ext, clone_except_ext, get_is_hall_ } from "../../../../lib/shelves.module"
-// import { api } from '../../../crossyo/shelves-vue/api/baseApi'
+import { ShopEditor, use_ext, clone_except_ext, get_is_hall_, append_default_shop_data_ } from "../../../../lib/shelves.module"
+// import { api } from '@/crossyo/shelves-vue/api/baseApi'
+
+import { ElMessage } from 'element-plus'
+
 
 export default {
     props: {
@@ -131,12 +140,24 @@ export default {
             shopData: null,
             isHall: false,
             activeTabName: null, // "panorama",
+            updateAction0: null,
             updateAction: null,
             isOpenPanoramaUploader: false,
             isOpenShelfUploader: false,
             // viewMode: 1, // 1 - lookAt, 2 - orbit
+            isOpenWareUploader: false,
+
+            // arrangementData: JSON.parse(JSON.stringify(this.$store.state.arrangementData.data)),
+            selectedCell: null,
+
+            activePropName: null,
         }
     },
+    watch: {
+        activeTabName(newV, oldV) {
+            this.activePropName = newV
+        },
+    },
     // beforeMount() {
     // },
     mounted() {
@@ -145,35 +166,38 @@ export default {
         //     // console.log(resp)
         //     if (resp.data && resp.data.success) {
         //         let shopData = resp.data.result
+        //         append_default_shop_data_(shopData)
         //         use_ext(shopData)
         //         this.isHall = get_is_hall_(shopData)
         //         this.shopData = shopData
         //         this.activeTabName = this.isHall ? 'hall' : 'panorama'
         //     }
         // })
-
         let shopData = this.currentShopData;
+        append_default_shop_data_(shopData)
         use_ext(shopData)
         this.isHall = get_is_hall_(shopData)
         this.shopData = shopData
         this.activeTabName = this.isHall ? 'hall' : 'panorama'
-
     },
     // beforeUnmount() {
     // },
     methods: {
         back() {
-            this.$router.back();
+            this.$router.go(-1);
         },
         save() {
+            // console.log(this.$refs, this.$refs.se)
             this.$refs.se.editor_.commitToShopData()
             // 减少与新增数据的关联
             // let clone = JSON.parse(JSON.stringify(this.shopData))
             let clone = clone_except_ext(this.shopData)
-            this.$store.dispatch("shopData/save", clone).then(data => {
-                // TODO
-                console.warn("save response!");
-            })
+
+            console.log(clone)
+            // this.$store.dispatch("shopData/save", clone).then(data => {
+            //     // TODO
+            //     console.warn("save response!");
+            // })
         },
         //
         addPanorama() {
@@ -182,7 +206,7 @@ export default {
         clickThumbPanorama(itm) {
             // console.log(itm)
             this.shopData.panorama = itm
-            this.updateAction = {
+            this.updateAction0 = {
                 action: "updatePanorama"
             }
         },
@@ -237,6 +261,74 @@ export default {
         // closeTextureUploader() {
         //     this.isOpenTextureUploader = false
         // },
+
+        // save() {
+        //     this.$store.commit('arrangementData/save', clone_except_ext(this.arrangementData))
+        // },
+
+        addWare() {
+            this.isOpenWareUploader = true
+        },
+        clickThumbWare(itm) {
+
+            let cell = this.selectedCell
+
+            console.log('clickThumbWare', itm, cell)
+
+            if (cell) {
+                cell.pileWare = itm
+                this.updateAction = {
+                    action: 'bindCellWare',
+                    cell,
+                    // commodity: itm,
+                    ware: itm,
+                }
+
+            } else {
+
+                ElMessage({
+                    showClose: true,
+                    message: '请先选择一个货位！',
+                    // type: 'warning',
+                })
+
+            }
+
+        },
+        removeWare() {
+
+            // unbind cell ware!
+            let cell = this.selectedCell
+            if (cell) {
+                this.updateAction = {
+                    action: 'unbindCellWare',
+                    cell
+                }
+            }
+
+        },
+        closeWareUploader() {
+            // console.log('closeWareUploader')
+            this.isOpenWareUploader = false
+        },
+        wareAddSuccess(data) {
+            this.clickThumbWare(data)
+        },
+
+
+        changeCellPileNumber() {
+            this.updateAction = {
+                action: 'updateCellPileNumber',
+                cell: this.selectedCell,
+            }
+        },
+        changeCellPileRotationY() {
+            this.updateAction = {
+                action: 'updateCellPileRotationY',
+                cell: this.selectedCell,
+            }
+        },
+
     },
 };
 </script>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/cube.png b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/cube.png
new file mode 100644
index 00000000..fff8d626
Binary files /dev/null and b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/cube.png differ
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/cube.svg b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/cube.svg
new file mode 100644
index 00000000..34481a7e
--- /dev/null
+++ b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/cube.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g id="_x23_767676ff">
+	<path fill="#767676" d="M12.54,15.51c3.64-2.72,7.52-5.17,11.55-7.3c3.8,2.59,7.75,4.93,11.48,7.62c0.06,4.08,0.11,8.17-0.13,12.24
+		c-3.8,2.58-7.72,4.98-11.5,7.57c-3.92-2.34-7.72-4.88-11.55-7.37C12.27,24.03,11.74,19.7,12.54,15.51 M17.1,16.91
+		c2.16,1.42,4.25,3.4,6.87,3.83c2.81-0.7,4.96-2.85,7.17-4.6c-2.46-1.46-4.87-2.99-7.19-4.68C21.78,13.3,17.92,13.97,17.1,16.91
+		 M15.38,19.09c-0.11,2.54-0.49,5.15,0.11,7.65c2.01,1.83,4.5,2.96,6.87,4.22c0.04-2.35,0.04-4.7,0.04-7.06
+		C20.06,22.3,17.71,20.7,15.38,19.09 M25.41,23.65c-0.01,2.46,0,4.91,0.05,7.37c2.4-1.49,5.1-2.65,7.05-4.74
+		c0.21-2.39,0.08-4.8-0.02-7.19C30.13,20.6,27.77,22.13,25.41,23.65z"/>
+	<path fill="#767676" d="M7.23,31.52c1.82-0.43,3.45,0.09,4.65,1.52c5.14,5.08,13.68,6.34,19.95,2.69c2.59-1.35,4.77-3.95,7.96-3.59
+		c-0.03,2.17-0.01,4.36-0.47,6.49c-1.98,0.47-2.98-0.35-3-2.46c-5.61,4.7-13.87,6.01-20.53,2.84C12.37,37.34,8.75,35.21,7.23,31.52z
+		"/>
+</g>
+</svg>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/home.png b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/home.png
new file mode 100644
index 00000000..4444c690
Binary files /dev/null and b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/home.png differ
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/home.svg b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/home.svg
new file mode 100644
index 00000000..1c2f055c
--- /dev/null
+++ b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/home.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g id="_x23_787878ff">
+	<path fill="#787878" d="M12.5,12.29c7.62,0.06,15.25-0.13,22.87,0.11c0.52,4.61,4.43,11.02-0.67,14.35
+		c-2.76,2.26-5.93-1.31-8.84,0.25c-2.92,1.56-5.99-1.91-8.77,0.38c-0.84,0.05-2.53,0.14-3.38,0.18c-1.29-1.38-3.33-2.56-3.29-4.7
+		C10.45,19.24,11.56,15.75,12.5,12.29 M14.85,15.47c-0.55,2.48-1.34,4.96-1.24,7.52c0.79,1.35,1.92,1.76,3.4,1.24
+		c0.67-1.22,1.21-2.5,1.88-3.73c2.56-0.65,3.13,2.23,3.86,3.97c0.79-0.07,1.59-0.15,2.38-0.23c0.53-1.27,1.04-2.55,1.71-3.75
+		c2.6-0.65,3.18,2.21,3.91,3.98c0.9-0.04,1.8-0.09,2.7-0.14c0.66-2.98,0.26-6.01-0.63-8.9C26.83,15.5,20.84,15.45,14.85,15.47z"/>
+	<path fill="#787878" d="M33.5,28.43c0.95,0.06,1.9,0.14,2.85,0.21c0.04,3.23,0.04,6.45,0.13,9.68c-2.6,1.47-5.63,0.95-8.48,1
+		c-5.44-0.02-10.88,0-16.31-0.02c-0.48-3.67-0.36-7.37-0.12-11.05c0.65,0.13,1.95,0.4,2.6,0.53c0.32,2.29,0.26,4.61,0.26,6.91
+		c6.31-0.01,12.62,0.07,18.93-0.06C33.41,33.23,33.43,30.83,33.5,28.43z"/>
+</g>
+</svg>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/image.svg b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/image.svg
index 22ae023f..7a494ab8 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/image.svg
+++ b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/image.svg
@@ -2,25 +2,29 @@
 <!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="128px" height="128px" viewBox="0 0 128 128" enable-background="new 0 0 128 128" xml:space="preserve">
+	 width="460px" height="260px" viewBox="0 0 460 260" enable-background="new 0 0 460 260" xml:space="preserve">
+<rect x="-8.673" y="-8.692" fill="#6FB944" fill-opacity="0.06" stroke="#000000" stroke-miterlimit="10" width="473.558" height="275.481"/>
 <g id="_x23_c3e1abff">
-	<path fill="#C3E1AB" d="M25.3,13.42c24.89-0.19,49.79,0.01,74.68-0.1c1.48,0.25,3.57-0.45,4.5,1.09c0.2,1.31-1.09,2.09-1.74,3.05
-		c-25.71-0.17-51.42,0.11-77.12-0.14C25.59,16.02,25.49,14.71,25.3,13.42z"/>
-	<path fill="#C3E1AB" d="M20.26,23.37c9.92-0.04,71.77,0.42,83.73-0.58c1.79,0.08,3.53,0.55,5.27,0.9c0.08,0.48,0.24,1.43,0.31,1.91
-		c-0.62,0.63-1.25,1.25-1.9,1.85c-29.01-0.03-58.02,0.1-87.02-0.06C20.57,26.05,20.43,24.7,20.26,23.37z"/>
-	<path fill="#C3E1AB" d="M16.18,35.17c1.56-2.08,4.37-2.43,6.78-2.49c27.68,0.02,55.35,0.05,83.03-0.01c2.47,0,5.29,0.24,7.02,2.25
-		c1.56,1.59,1.56,3.94,1.6,6.01c-0.07,15.77,0.22,31.55,0.09,47.33c-3.43-1.81-5.69-5.03-8.45-7.63c-4.85-4.78-9.46-9.8-14.42-14.45
-		c-2.26-2.37-6.65-2.77-8.95-0.26c-8.61,8.5-16.94,17.3-25.7,25.65c-3.79-3.46-7.06-7.44-10.97-10.74c-2.23-2.02-6.09-2.06-8.2,0.15
-		c-7.88,7.51-15.27,15.55-23.21,23c-0.44-20.32,0.07-40.66-0.12-60.99C14.77,40.35,14.56,37.42,16.18,35.17 M38.24,48.15
+	<path fill="#C4E0AC" d="M189.556,58.319c24.89-0.19,49.79,0.01,74.68-0.1c1.48,0.25,3.57-0.45,4.5,1.09
+		c0.2,1.31-1.09,2.09-1.74,3.05c-25.71-0.17-51.42,0.11-77.12-0.14C189.846,60.919,189.746,59.609,189.556,58.319z"/>
+	<path fill="#C4E0AC" d="M184.516,68.269c9.92-0.04,71.77,0.42,83.73-0.58c1.79,0.08,3.53,0.55,5.27,0.9
+		c0.08,0.48,0.24,1.43,0.31,1.91c-0.62,0.63-1.25,1.25-1.9,1.85c-29.01-0.03-58.02,0.1-87.02-0.06
+		C184.826,70.949,184.686,69.599,184.516,68.269z"/>
+	<path fill="#C4E0AC" d="M180.436,80.069c1.56-2.08,4.37-2.43,6.78-2.49c27.68,0.02,55.35,0.05,83.03-0.01
+		c2.47,0,5.29,0.24,7.02,2.25c1.56,1.59,1.56,3.94,1.6,6.01c-0.07,15.77,0.22,31.55,0.09,47.33c-3.43-1.81-5.69-5.03-8.45-7.63
+		c-4.85-4.78-9.46-9.8-14.42-14.45c-2.26-2.37-6.65-2.77-8.95-0.26c-8.61,8.5-16.94,17.3-25.7,25.65
+		c-3.79-3.46-7.06-7.44-10.97-10.74c-2.23-2.02-6.09-2.06-8.2,0.15c-7.88,7.51-15.27,15.55-23.21,23
+		c-0.44-20.32,0.07-40.66-0.12-60.99C179.026,85.249,178.816,82.319,180.436,80.069 M202.496,93.049
 		c-4.57,1.62-8.01,5.93-8.57,10.73c-0.68,6.91,5.27,13.8,12.31,13.73c6.75,0.24,13.05-5.88,12.71-12.69
-		C54.99,51.82,45.84,45.19,38.24,48.15z"/>
-	<path fill="#C3E1AB" d="M39.26,53.31c4.8-2.47,11.32,2.36,10.37,7.69c-0.34,4.88-6.18,8.19-10.54,6.01
-		c-2.55-1.37-4.4-4.11-4.44-7.03C34.8,57.12,36.66,54.47,39.26,53.31z"/>
-	<path fill="#C3E1AB" d="M85.37,70.35c1.08-1.6,2.95-0.92,3.9,0.4c8.29,8.36,16.85,16.46,24.98,24.96
+		C219.246,96.719,210.096,90.089,202.496,93.049z"/>
+	<path fill="#C4E0AC" d="M203.516,98.209c4.8-2.47,11.32,2.36,10.37,7.69c-0.34,4.88-6.18,8.19-10.54,6.01
+		c-2.55-1.37-4.4-4.11-4.44-7.03C199.056,102.019,200.916,99.369,203.516,98.209z"/>
+	<path fill="#C4E0AC" d="M249.626,115.249c1.08-1.6,2.95-0.92,3.9,0.4c8.29,8.36,16.85,16.46,24.98,24.96
 		c1.17,3.22,0.48,6.95,0.56,10.36c0.34,3.71-3.01,7.01-6.7,6.7c-18.7,0.08-37.41-0.01-56.11,0.04c-2.98,0.08-5.97,0.04-8.92-0.4
-		C57.04,98.25,71.33,84.42,85.37,70.35z"/>
-	<path fill="#C3E1AB" d="M42.2,83.89c4.09,3.47,7.76,7.39,11.5,11.23c-5.5,5.7-11.11,11.32-16.77,16.86
-		c-2.27,1.58-5.38,0.54-7.98,0.84c-4.4-0.22-9.35,0.94-13.1-2.02c0.92-1.66,2.09-3.17,3.49-4.44C27.06,98.97,34.38,91.17,42.2,83.89
-		z"/>
+		C221.296,143.149,235.586,129.319,249.626,115.249z"/>
+	<path fill="#C4E0AC" d="M206.456,128.789c4.09,3.47,7.76,7.39,11.5,11.23c-5.5,5.7-11.11,11.32-16.77,16.86
+		c-2.27,1.58-5.38,0.54-7.98,0.84c-4.4-0.22-9.35,0.94-13.1-2.02c0.92-1.66,2.09-3.17,3.49-4.44
+		C191.316,143.869,198.636,136.069,206.456,128.789z"/>
 </g>
+<text transform="matrix(1 0 0 1 173.1057 201.5)" fill="#6FB944" font-family="'AdobeHeitiStd-Regular-GBpc-EUC-H'" font-size="28">上传图片</text>
 </svg>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/item.png b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/item.png
index 3f473074..96168b2c 100644
Binary files a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/item.png and b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/item.png differ
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/item.svg b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/item.svg
index b0708b7c..d0a4ba08 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/item.svg
+++ b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/item.svg
@@ -4,17 +4,14 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
 <g id="_x23_545454ff">
-	<path fill="#545454" d="M10.87,20.361c8.45-0.18,16.96-0.48,25.4,0.1c2.31,2.3,2.08,7.14-0.8,9c-7.92-0.37-15.86,0.12-23.78-0.24
-		c-2.69-1.09-1.98-4.29-2.16-6.58C9.87,22.071,10.53,20.931,10.87,20.361 M14.75,23.731c-0.55,1.62,0,2.18,1.64,1.67
-		C16.92,23.761,16.38,23.211,14.75,23.731 M21.49,25.561c3.74,0.03,7.48,0.03,11.22,0c-0.03-0.52-0.08-1.57-0.11-2.09
-		c-3.67,0-7.35,0-11.02,0.01C21.56,24.001,21.51,25.041,21.49,25.561z"/>
-	<path fill="#545454" d="M10.87,9.46c8.45-0.18,16.96-0.48,25.4,0.1c2.31,2.3,2.08,7.14-0.8,9c-7.92-0.37-15.86,0.12-23.78-0.24
-		C9,17.23,9.71,14.03,9.53,11.74C9.87,11.17,10.53,10.03,10.87,9.46 M14.75,12.83c-0.55,1.62,0,2.18,1.64,1.67
-		C16.92,12.86,16.38,12.31,14.75,12.83 M21.49,14.66c3.74,0.03,7.48,0.03,11.22,0c-0.03-0.52-0.08-1.57-0.11-2.09
-		c-3.67,0-7.35,0-11.02,0.01C21.56,13.1,21.51,14.14,21.49,14.66z"/>
-	<path fill="#545454" d="M10.87,31.269c8.45-0.18,16.96-0.48,25.4,0.1c2.31,2.3,2.08,7.14-0.8,9c-7.92-0.37-15.86,0.12-23.78-0.24
-		c-2.69-1.09-1.98-4.29-2.16-6.58C9.87,32.979,10.53,31.839,10.87,31.269 M14.75,34.639c-0.55,1.62,0,2.18,1.64,1.67
-		C16.92,34.669,16.38,34.119,14.75,34.639 M21.49,36.469c3.74,0.03,7.48,0.03,11.22,0c-0.03-0.52-0.08-1.57-0.11-2.09
-		c-3.67,0-7.35,0-11.02,0.01C21.56,34.909,21.51,35.949,21.49,36.469z"/>
+	<path fill="#545454" d="M10.29,10.12c5.51-0.98,11.17-0.34,16.74-0.49c2.11,0.23,5.23-0.36,6.27,2.06
+		c0.91,3.69,0.4,7.55,0.49,11.32c-0.15,4.84,0.45,9.74-0.3,14.55c-0.44,2.51-3.44,2.58-5.44,2.67c-5.34,0.06-10.71,0.25-16.04-0.16
+		c-1.84,0.02-3.71-1.26-3.69-3.24c-0.53-6.61-0.03-13.26-0.25-19.89C8.28,14.65,7.62,11.21,10.29,10.12 M14.09,18.01
+		c-0.01,0.47-0.03,1.42-0.04,1.9c4.59,0.58,9.27,0.57,13.86-0.01c-0.01-0.47-0.03-1.41-0.04-1.89
+		C23.31,17.39,18.65,17.39,14.09,18.01 M14.12,24c0,0.47-0.01,1.41-0.02,1.88c4.56,0.62,9.22,0.62,13.77,0
+		c-0.01-0.47-0.02-1.4-0.03-1.86C23.3,23.39,18.66,23.39,14.12,24 M14.05,29.96c0.02,0.48,0.05,1.43,0.07,1.91
+		c4.53,0.63,9.18,0.65,13.7-0.02c0.03-0.47,0.09-1.41,0.11-1.88C23.34,29.41,18.65,29.41,14.05,29.96z"/>
+	<path fill="#545454" d="M36.17,25.27c0.66-2.16,3.93-1.33,3.81,0.79c0.43,4.58,0.39,9.23-0.3,13.78c-1.12,0.08-2.24,0.06-3.36-0.05
+		C35.52,35.02,35.31,30.04,36.17,25.27z"/>
 </g>
 </svg>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/search.png b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/search.png
new file mode 100644
index 00000000..74831a64
Binary files /dev/null and b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/search.png differ
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/search.svg b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/search.svg
new file mode 100644
index 00000000..f77b2b48
--- /dev/null
+++ b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/search.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g id="_x23_cfcfcfff">
+	<path fill="#CFCFCF" d="M12.17,19.99c1.18-4.46,5.13-8.21,9.84-8.48c6.02-0.77,11.85,4.43,12.1,10.42
+		c0.21,2.87-1.05,5.54-2.11,8.13c1.84,1.8,3.82,3.56,4.98,5.91l-0.92,0.74c-2.3-1.22-4.08-3.14-5.89-4.96
+		c-2.62,1.14-5.36,2.45-8.3,2.06C15.37,33.46,10.33,26.21,12.17,19.99 M20.35,14.34c-2.84,0.87-5.16,3.2-5.87,6.1
+		c-1.26,4.56,1.75,9.72,6.35,10.83c5.19,1.51,10.95-2.92,10.99-8.28C32.26,17.19,25.8,12.3,20.35,14.34z"/>
+	<path fill="#CFCFCF" d="M20.11,16.07c5.23-2.63,11.82,3.32,9.63,8.82c-1.3,5.57-9.77,6.73-12.6,1.81
+		C14.42,23.14,16.27,17.93,20.11,16.07 M21.18,18.3c-3.18,1.11-3.95,5.78-1.33,7.89c2.61,3.05,7.81,0.4,7.94-3.25
+		C28.17,19.62,24.16,16.78,21.18,18.3z"/>
+</g>
+</svg>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/ware.png b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/ware.png
index 96168b2c..3f473074 100644
Binary files a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/ware.png and b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/ware.png differ
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/ware.svg b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/ware.svg
index d0a4ba08..b0708b7c 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/ware.svg
+++ b/src/views/Creative/3d/crossyo/shelves-vue/asset/icon2/ware.svg
@@ -4,14 +4,17 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
 <g id="_x23_545454ff">
-	<path fill="#545454" d="M10.29,10.12c5.51-0.98,11.17-0.34,16.74-0.49c2.11,0.23,5.23-0.36,6.27,2.06
-		c0.91,3.69,0.4,7.55,0.49,11.32c-0.15,4.84,0.45,9.74-0.3,14.55c-0.44,2.51-3.44,2.58-5.44,2.67c-5.34,0.06-10.71,0.25-16.04-0.16
-		c-1.84,0.02-3.71-1.26-3.69-3.24c-0.53-6.61-0.03-13.26-0.25-19.89C8.28,14.65,7.62,11.21,10.29,10.12 M14.09,18.01
-		c-0.01,0.47-0.03,1.42-0.04,1.9c4.59,0.58,9.27,0.57,13.86-0.01c-0.01-0.47-0.03-1.41-0.04-1.89
-		C23.31,17.39,18.65,17.39,14.09,18.01 M14.12,24c0,0.47-0.01,1.41-0.02,1.88c4.56,0.62,9.22,0.62,13.77,0
-		c-0.01-0.47-0.02-1.4-0.03-1.86C23.3,23.39,18.66,23.39,14.12,24 M14.05,29.96c0.02,0.48,0.05,1.43,0.07,1.91
-		c4.53,0.63,9.18,0.65,13.7-0.02c0.03-0.47,0.09-1.41,0.11-1.88C23.34,29.41,18.65,29.41,14.05,29.96z"/>
-	<path fill="#545454" d="M36.17,25.27c0.66-2.16,3.93-1.33,3.81,0.79c0.43,4.58,0.39,9.23-0.3,13.78c-1.12,0.08-2.24,0.06-3.36-0.05
-		C35.52,35.02,35.31,30.04,36.17,25.27z"/>
+	<path fill="#545454" d="M10.87,20.361c8.45-0.18,16.96-0.48,25.4,0.1c2.31,2.3,2.08,7.14-0.8,9c-7.92-0.37-15.86,0.12-23.78-0.24
+		c-2.69-1.09-1.98-4.29-2.16-6.58C9.87,22.071,10.53,20.931,10.87,20.361 M14.75,23.731c-0.55,1.62,0,2.18,1.64,1.67
+		C16.92,23.761,16.38,23.211,14.75,23.731 M21.49,25.561c3.74,0.03,7.48,0.03,11.22,0c-0.03-0.52-0.08-1.57-0.11-2.09
+		c-3.67,0-7.35,0-11.02,0.01C21.56,24.001,21.51,25.041,21.49,25.561z"/>
+	<path fill="#545454" d="M10.87,9.46c8.45-0.18,16.96-0.48,25.4,0.1c2.31,2.3,2.08,7.14-0.8,9c-7.92-0.37-15.86,0.12-23.78-0.24
+		C9,17.23,9.71,14.03,9.53,11.74C9.87,11.17,10.53,10.03,10.87,9.46 M14.75,12.83c-0.55,1.62,0,2.18,1.64,1.67
+		C16.92,12.86,16.38,12.31,14.75,12.83 M21.49,14.66c3.74,0.03,7.48,0.03,11.22,0c-0.03-0.52-0.08-1.57-0.11-2.09
+		c-3.67,0-7.35,0-11.02,0.01C21.56,13.1,21.51,14.14,21.49,14.66z"/>
+	<path fill="#545454" d="M10.87,31.269c8.45-0.18,16.96-0.48,25.4,0.1c2.31,2.3,2.08,7.14-0.8,9c-7.92-0.37-15.86,0.12-23.78-0.24
+		c-2.69-1.09-1.98-4.29-2.16-6.58C9.87,32.979,10.53,31.839,10.87,31.269 M14.75,34.639c-0.55,1.62,0,2.18,1.64,1.67
+		C16.92,34.669,16.38,34.119,14.75,34.639 M21.49,36.469c3.74,0.03,7.48,0.03,11.22,0c-0.03-0.52-0.08-1.57-0.11-2.09
+		c-3.67,0-7.35,0-11.02,0.01C21.56,34.909,21.51,35.949,21.49,36.469z"/>
 </g>
 </svg>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/comp/Vec3Comp.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/comp/Vec3Comp.vue
index bad089c7..37793d0e 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/comp/Vec3Comp.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/comp/Vec3Comp.vue
@@ -1,18 +1,20 @@
 <template>
     <div class="yo-shelf-position">
-        <el-icon class="yo-icon"><img :src="ICONS[icon]" /></el-icon>
-        <div class="yo-special-input">
+        <!-- <div class="yo-special-input">
             <el-input class="yo-input-small" v-model="vec3.x" disabled />
             <span>X</span>
-        </div>
-        <div class="yo-special-input">
+        </div> -->
+        <a-input v-model:value="vec3.x" suffix="X" disabled/>
+        <!-- <div class="yo-special-input">
             <el-input class="yo-input-small" v-model="vec3.y" disabled />
             <span>Y</span>
-        </div>
-        <div class="yo-special-input">
+        </div> -->
+        <a-input v-model:value="vec3.y" suffix="Y" disabled/>
+        <!-- <div class="yo-special-input">
             <el-input class="yo-input-small" v-model="vec3.z" disabled />
             <span>Z</span>
-        </div>
+        </div> -->
+        <a-input v-model:value="vec3.z" suffix="Z" disabled/>
     </div>
 </template>
 
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/SceneShopEditor.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/SceneShopEditor.vue
index 416b0fc6..83af905c 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/SceneShopEditor.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/SceneShopEditor.vue
@@ -3,7 +3,7 @@
         <div ref="c1" class="container-editor-1-" />
 
         <div class="container-tools-1-">
-            <el-button-group>
+            <!-- <el-button-group>
 
                 <el-button v-if="showTranslate" class="yo-btn-rect yo-btn-tool" text :disabled="!enableTranslate"
                     @click="update_action_({ action: 'transformTranslate' })">
@@ -18,11 +18,21 @@
                     <el-icon class="yo-icon"><img :src="IconScaleRect" /></el-icon>
                 </el-button>
 
-            </el-button-group>
+            </el-button-group> -->
+
+            <!-- TODO 如何多重disabled radio -->
+            <a-radio-group button-style="solid" v-model:value="v_trans_action_">
+                <a-radio-button v-if="showTranslate" :disabled="!enableTranslate"
+                    value="transformTranslate">移动</a-radio-button>
+                <a-radio-button v-if="showRotation" :disabled="!enableRotation"
+                    value="transformRotate">旋转</a-radio-button>
+                <a-radio-button v-if="showResize" :disabled="!enableResize" value="transformResize">缩放</a-radio-button>
+            </a-radio-group>
+
         </div>
 
         <div class="container-tools-2-">
-            <el-button-group class="yo-btn-grp ml-4">
+            <!-- <el-button-group class="yo-btn-grp ml-4">
                 <el-tooltip content="全景图模式" placement="top">
                     <el-button plain :class="viewMode == 1 ? 'selected' : ''" @click="changeViewMode(1)">
                         <el-icon class="yo-icon"><img :src="IconPanoramic" /></el-icon>
@@ -33,13 +43,18 @@
                         <el-icon class="yo-icon"><img :src="Icon360" /></el-icon>
                     </el-button>
                 </el-tooltip>
-            </el-button-group>
+            </el-button-group> -->
+
+            <a-radio-group button-style="solid" v-model:value="viewMode">
+                <a-radio-button :value="1">全景</a-radio-button>
+                <a-radio-button :value="2">环绕</a-radio-button>
+            </a-radio-group>
         </div>
     </div>
 </template>
 
 <!-- dont use setup here, cause $refs cant visit member -->
-<script setup>
+<!-- <script setup>
 
 import IconMove from '../../asset/icon/001-move.svg'
 import IconScaleRect from '../../asset/icon/004-selection-1.svg'
@@ -48,14 +63,14 @@ import IconScaleCircle from '../../asset/icon/002-selection.svg'
 import IconPanoramic from '../../asset/icon/001-panoramic.svg'
 import Icon360 from '../../asset/icon/002-360.svg'
 
-</script>
+</script> -->
 
 <script>
 
-import { ShopEditor } from "../../../../../lib/shelves.module"
+import { ShopEditor, activePropName_to_activeEditModeName } from "../../../../../lib/shelves.module"
 
 export default {
-    props: ["shopData", "updateAction", "relProp"],
+    props: ["shopData", "updateAction0", "updateAction", "activePropName"],
     // updateAction from TabShopPano
 
     data() {
@@ -70,6 +85,7 @@ export default {
             showRotation: true,
             showResize: true,
 
+            v_trans_action_: '', // for antdv
         }
     },
     computed: {
@@ -93,14 +109,25 @@ export default {
         extSelectedCellSubName(v) {
             this.update_tranform_buttons_(this.extSelectedShelf, this.extSelectedCell, v)
         },
+        updateAction0(newV, oldV) {
+            this.update_action_(newV)
+        },
         updateAction(newV, oldV) {
             this.update_action_(newV)
         },
-        relProp(newV, oldV) {
+        activePropName(newV, oldV) {
             if (this.editor_) {
-                this.editor_.relProp(newV)
+                this.editor_.activeEditModeName = activePropName_to_activeEditModeName(newV)
             }
         },
+        v_trans_action_(newV) {
+            // console.log('watch trans_action_', newV)
+            this.update_action_({ action: newV })
+        },
+        viewMode(newV) {
+            // console.log('watch viewMode', newV)
+            this.changeViewMode(newV)
+        }
     },
 
     mounted: function () {
@@ -122,6 +149,7 @@ export default {
                 this.editor_ = new ShopEditor({
                     container: this.$refs.c1,
                     shopData: this.shopData,
+                    activeEditModeName: activePropName_to_activeEditModeName(this.activePropName), // #20221216
                 })
                 this.editor_.on("loadingCompletion", () => {
                     this.viewMode = this.editor_.viewMode
@@ -132,6 +160,10 @@ export default {
                     this.viewMode = viewMode
                 })
 
+                this.editor_.on('arrange.selectCell', cell => {
+                    this.$emit('selectCell', cell)
+                })
+
                 this.editor_.startup()
             }
             return this.editor_
@@ -147,7 +179,6 @@ export default {
                 this.editor_.updateAction(v)
             }
         },
-
         update_tranform_buttons_(isShelf, cell, sub) {
             // console.log('update transform buttons_', isShelf, cell, sub)
             if (isShelf) {
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListPanorama.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListPanorama.vue
index f8e97ea0..1b972004 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListPanorama.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListPanorama.vue
@@ -1,21 +1,27 @@
 <template>
-    <el-scrollbar class="yo-scrollbar">
-        <el-button class="yo-thumb" @click="add" >
-            <el-icon class="yo-icon"><img :src="IconPlus" /></el-icon>
-        </el-button>
-        <el-button class="yo-thumb" @click="remove" >
-            <el-icon class="yo-icon"><img :src="IconNull" /></el-icon>
-        </el-button>
-        <div class="yo-thumb" v-for="(itm, index) in list" @click="clickThumb(itm)" :key="index">
-            <img :src="itm.urlThumb" />
+    <div class="yo-scrollbar" style="height: calc(100vh - 155px)">
+        <div class="yo-title-s16">环境库</div>
+        <a-input placeholder="请输入环境名" v-model:value="searchText">
+            <template #prefix>
+                <img :src="SearchSvg" />
+            </template>
+        </a-input>
+        <div class="yo-thumb" @click="add">
+            <img :src="ImageSvg" />
         </div>
-    </el-scrollbar>
+        <!-- <el-button class="yo-thumb" @click="remove">
+            <el-icon class="yo-icon"><img :src="IconNull" /></el-icon>
+        </el-button> -->
+        <div class="yo-thumb" v-for="itm in list" @click="clickThumb(itm)">
+            <img class="yo-obj-fit-cover" :src="itm.urlThumb" />
+        </div>
+    </div>
 </template>
 
 <script setup>
-import { Plus, Remove } from '@element-plus/icons-vue'
-import IconPlus from '../../asset/icon/002-plus.svg'
-import IconNull from '../../asset/icon/001-null.svg'
+
+import ImageSvg from '../../asset/icon2/image.svg'
+import SearchSvg from '../../asset/icon2/search.svg'
 </script>
 
 <script>
@@ -23,15 +29,21 @@ import IconNull from '../../asset/icon/001-null.svg'
 export default {
     data() {
         return {
+            searchText: '',
             list: []
         }
     },
-    mounted() {
-        // this.$store.dispatch('panoramas/list').then(list=>{
+    async mounted() {
+        // this.$store.dispatch('panoramas/list').then(list => {
         //     this.list = list
         // })
-
-        this.list = [];
+        
+        // 环境类型
+        var type0 = process.env.VUE_APP_CURRENTMODE == "prod" ? "prod" : "test";
+        var type1 = process.env.VUE_APP_CURRENTMODE == "prod" ? "prod" : "uat";
+        // 默认的模型接口
+        var res = await fetch(`https://${type0}-cxp-public-web-1302259445.cos.ap-beijing.myqcloud.com/${type1}-yls/3D/shelves/scenes_data/panorama.json`).then(res => res.json());
+        this.list = res;
     },
     methods: {
         clickThumb(itm) {
@@ -49,36 +61,5 @@ export default {
 </script>
 
 <style scoped>
-.yo-scrollbar {
-    height: calc(100vh - 80px);
-}
 
-.yo-thumb {
-    display: inline-block;
-    width: 104px;
-    height: 78px;
-    background-color: #efefef;
-    border: none;
-    box-sizing: border-box;
-    border-radius: 4px;
-    margin: 8px 8px 8px 8px;
-    text-align: center;
-}
-
-.yo-thumb:hover, .yo-thumb:active, .yo-thumb:focus {
-    /* border-color: #c6e2ff;
-    background-color: #ecf5ff; */
-    color: #303133;
-    background-color: #efefef;
-    border: none;
-    /* opacity: 0.8; */
-    cursor: pointer;
-    transform: scale(1.05);
-}
-
-.yo-thumb img {
-    width: 100%;
-    height: 100%;
-    border-radius: 4px;
-}
 </style>
\ No newline at end of file
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListShelf.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListShelf.vue
index 189d5c04..3f5c74d8 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListShelf.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListShelf.vue
@@ -1,20 +1,26 @@
 <template>
-    <el-scrollbar class="yo-scrollbar">
-        <el-button class="yo-thumb" @click="add">
-            <el-icon class="yo-icon"><img :src="IconPlus" /></el-icon>
-        </el-button>
-        <el-button class="yo-thumb" @click="remove">
-            <el-icon class="yo-icon"><img :src="IconNull" /></el-icon>
-        </el-button>
-        <div class="yo-thumb" v-for="(itm, index) in list" :key="index" @click="clickThumb(itm)">
-            <img :src="itm.urlThumb" />
+    <div class="yo-scrollbar" style="height: calc(100vh - 155px)">
+        <div class="yo-title-s16">货架库</div>
+        <a-input placeholder="请输入货架名" v-model:value="searchText">
+            <template #prefix>
+                <img :src="SearchSvg" />
+            </template>
+        </a-input>
+        <div class="yo-thumb" @click="add">
+            <img :src="ImageSvg" />
         </div>
-    </el-scrollbar>
+        <!-- <el-button class="yo-thumb" @click="remove">
+            <el-icon class="yo-icon"><img :src="IconNull" /></el-icon>
+        </el-button> -->
+        <div class="yo-thumb" v-for="itm in list" @click="clickThumb(itm)">
+            <img class="yo-obj-fit-contain" :src="itm.urlThumb" />
+        </div>
+    </div>
 </template>
 
 <script setup>
-import IconPlus from '../../asset/icon/002-plus.svg'
-import IconNull from '../../asset/icon/001-null.svg'
+import ImageSvg from '../../asset/icon2/image.svg'
+import SearchSvg from '../../asset/icon2/search.svg'
 </script>
 
 <script>
@@ -22,15 +28,21 @@ import IconNull from '../../asset/icon/001-null.svg'
 export default {
     data() {
         return {
+            searchText: '',
             list: []
         }
     },
-    mounted() {
+    async mounted() {
         // this.$store.dispatch('shelves/list').then(list => {
         //     this.list = list
         // })
 
-        this.list = []
+        // 环境类型
+        var type0 = process.env.VUE_APP_CURRENTMODE == "prod" ? "prod" : "test";
+        var type1 = process.env.VUE_APP_CURRENTMODE == "prod" ? "prod" : "uat";
+        // 默认的模型接口
+        var res = await fetch(`https://${type0}-cxp-public-web-1302259445.cos.ap-beijing.myqcloud.com/${type1}-yls/3D/shelves/scenes_data/shelf.json`).then(res => res.json());
+        this.list = res;
     },
     methods: {
         clickThumb(itm) {
@@ -48,38 +60,5 @@ export default {
 </script>
 
 <style scoped>
-.yo-scrollbar {
-    height: calc(100vh - 80px);
-}
 
-.yo-thumb {
-    display: inline-block;
-    width: 104px;
-    height: 78px;
-    background-color: #efefef;
-    border: none;
-    box-sizing: border-box;
-    border-radius: 4px;
-    margin: 8px 8px 8px 8px;
-    text-align: center;
-}
-
-.yo-thumb:hover,
-.yo-thumb:active,
-.yo-thumb:focus {
-    /* border-color: #c6e2ff;
-    background-color: #ecf5ff; */
-    color: #303133;
-    background-color: #efefef;
-    border: none;
-    /* opacity: 0.8; */
-    cursor: pointer;
-    transform: scale(1.05);
-}
-
-.yo-thumb img {
-    width: fit-content;
-    height: 100%;
-    border-radius: 4px;
-}
 </style>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListWare.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListWare.vue
index edb4f4ae..67d1e0db 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListWare.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabListWare.vue
@@ -1,20 +1,27 @@
 <template>
-    <el-scrollbar class="yo-scrollbar">
-        <el-button class="yo-thumb" @click="add">
-            <el-icon class="yo-icon"><img :src="IconPlus" /></el-icon>
-        </el-button>
-        <el-button class="yo-thumb" @click="remove">
-            <el-icon class="yo-icon"><img :src="IconNull" /></el-icon>
-        </el-button>
-        <div class="yo-thumb" v-for="(itm, index) in list" :key="index" @click="clickThumb(itm)">
-            <img :src="itm.urlThumb" />
+    <div class="yo-scrollbar" style="height: calc(100vh - 155px)">
+        <div class="yo-title-s16">商品库</div>
+        <a-input placeholder="请输入商品名" v-model:value="searchText">
+            <template #prefix>
+                <img :src="SearchSvg" />
+            </template>
+        </a-input>
+        <div class="yo-thumb" @click="add">
+            <img :src="ImageSvg" />
         </div>
-    </el-scrollbar>
+        <!-- <el-button class="yo-thumb" @click="remove">
+            <el-icon class="yo-icon"><img :src="IconNull" /></el-icon>
+        </el-button> -->
+        <div class="yo-thumb" v-for="itm in list" @click="clickThumb(itm)">
+            <img class="yo-obj-fit-contain" :src="itm.urlThumb" />
+        </div>
+    </div>
 </template>
 
 <script setup>
-import IconPlus from '../../asset/icon/002-plus.svg'
-import IconNull from '../../asset/icon/001-null.svg'
+
+import ImageSvg from '../../asset/icon2/image.svg'
+import SearchSvg from '../../asset/icon2/search.svg'
 </script>
 
 <script>
@@ -22,15 +29,22 @@ import IconNull from '../../asset/icon/001-null.svg'
 export default {
     data() {
         return {
+            searchText: '',
             list: []
         }
     },
-    mounted() {
+    async mounted() {
         // this.$store.dispatch('wares/list').then(list => {
         //     this.list = list
         // })
 
-        this.list = [];
+        // 环境类型
+        var type0 = process.env.VUE_APP_CURRENTMODE == "prod" ? "prod" : "test";
+        var type1 = process.env.VUE_APP_CURRENTMODE == "prod" ? "prod" : "uat";
+        // 默认的模型接口
+        var res = await fetch(`https://${type0}-cxp-public-web-1302259445.cos.ap-beijing.myqcloud.com/${type1}-yls/3D/shelves/scenes_data/ware.json`).then(res => res.json());
+        res = res.map(x => x.surveyWare);
+        this.list = res;
     },
     methods: {
         clickThumb(itm) {
@@ -48,38 +62,5 @@ export default {
 </script>
 
 <style scoped>
-.yo-scrollbar {
-    height: calc(100vh - 40px);
-}
 
-.yo-thumb {
-    display: inline-block;
-    width: 104px;
-    height: 78px;
-    background-color: #efefef;
-    border: none;
-    box-sizing: border-box;
-    border-radius: 4px;
-    margin: 8px 8px 8px 8px;
-    text-align: center;
-}
-
-.yo-thumb:hover,
-.yo-thumb:active,
-.yo-thumb:focus {
-    /* border-color: #c6e2ff;
-    background-color: #ecf5ff; */
-    color: #303133;
-    background-color: #efefef;
-    border: none;
-    /* opacity: 0.8; */
-    cursor: pointer;
-    transform: scale(1.05);
-}
-
-.yo-thumb img {
-    width: fit-content;
-    height: 100%;
-    border-radius: 4px;
-}
 </style>
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropCellWare.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropCellWare.vue
index 7a227af0..0e03e441 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropCellWare.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropCellWare.vue
@@ -1,28 +1,22 @@
 <template>
-    <el-scrollbar class="yo-scrollbar">
-        <el-collapse v-model="activeNames">
-            <el-collapse-item title="货位堆放" name="cell">
-                <div v-if="cell">
-                    <div>{{ cell.name }}</div>
-                    <div class="yo-v-gap"></div>
-                    <div class="yo-object-number">
-                        <span>数量</span>
-                        <el-input-number class="yo-input-number-small" v-model="cell.pileNumber" :min="1" :max="5" :step="1"
-                            size="small" controls-position="right" @change="$emit('changeCellPileNumber')" />
-                        <div class="yo-v-gap"></div>
-                    </div>
-                    <div>
-                        <span>旋转</span>
-                    <el-slider class="yo-slider" v-model="cell.pileRotationY" :min="-180" :max="180"
-                        :show-tooltip="false" @input="$emit('changeCellPileRotationY')" />
-                    </div>
-                </div>
-                <div v-else class="empty1">请先选择一个货位</div>
-
-
-            </el-collapse-item>
-        </el-collapse>
-    </el-scrollbar>
+    <div class="yo-scrollbar2" style="height: calc(100vh - 155px)">
+        <div class="yo-title-s16">商品设置</div>
+        <div v-if="cell" class="yo-content">
+            <div>{{ cell.name }}</div>
+            <div class="yo-object-number">
+                <span>数量</span>
+                <el-input-number class="yo-input-number-small" v-model="cell.pileNumber" :min="1" :max="5" :step="1"
+                    size="small" controls-position="right" @change="$emit('changeCellPileNumber')" />
+                <div class="yo-v-gap"></div>
+            </div>
+            <div>
+                <span>旋转</span>
+                <el-slider class="yo-slider" v-model="cell.pileRotationY" :min="-180" :max="180" :show-tooltip="false"
+                    @input="$emit('changeCellPileRotationY')" />
+            </div>
+        </div>
+        <div v-else class="empty1">请先选择一个货位</div>
+    </div>
 </template>
 
 <script setup>
@@ -53,16 +47,6 @@ export default {
 </script>
 
 <style scoped>
-.yo-scrollbar {
-    height: calc(100vh - 40px);
-    padding: 8px 16px;
-}
-
-.empty1 {
-    color: var(--el-color-info-dark-2);
-    text-align: center;
-}
-
 .yo-object-number {
     display: inline-block;
 }
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropPanorama.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropPanorama.vue
index f398c6b9..fc1ed8a9 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropPanorama.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropPanorama.vue
@@ -1,20 +1,16 @@
 <template>
-    <el-scrollbar class="yo-scrollbar">
-        <el-collapse v-model="activeNames">
-            <el-collapse-item title="环境" name="panorama">
-                <div v-if="panorama">
-                    <span>环境方向</span>
-                    <el-slider class="yo-slider" v-model="panoramaRotationY" :min="-180" :max="180"
-                        :show-tooltip="false" @input="changePanoramaRotationY" />
-                    <div class="yo-v-gap"></div>
-                    <span>环境光强度</span>
-                    <el-slider class="yo-slider" v-model="panoramaMultiply" :min="0" :max="4" :step=".1"
-                        :show-tooltip="false" @input="changePanoramaMultiply" />
-                </div>
-                <div v-else class="empty1">请先选择一个环境</div>
-            </el-collapse-item>
-        </el-collapse>
-    </el-scrollbar>
+    <div class="yo-scrollbar2" style="height: calc(100vh - 155px)">
+        <div class="yo-title-s16">环境设置</div>
+        <div v-if="panorama" class="yo-content">
+            <div class="yo-title-s14">环境方向</div>
+            <a-slider v-model:value="panoramaRotationY" :min="-180" :max="180" />
+            <a-divider />
+            <div class="yo-title-s14">环境光强度</div>
+            <a-slider v-model:value="panoramaMultiply" :min="0" :max="4" :step=".1"/>
+            <a-divider />
+        </div>
+        <div v-else class="empty1">请先选择一个环境</div>
+    </div>
 </template>
 
 <script setup>
@@ -75,6 +71,13 @@ export default {
         //     }
         // },
 
+        panoramaRotationY(newVal) {
+            this.changePanoramaRotationY(newVal)
+        },
+        panoramaMultiply(newVal) {
+            this.changePanoramaMultiply(newVal)
+        },
+
     },
     mounted() {
         // show panorama?
@@ -122,15 +125,6 @@ export default {
 </script>
 
 <style scoped>
-.yo-scrollbar {
-    height: calc(100vh - 40px);
-    padding: 8px 16px;
-}
-
-.empty1 {
-    color: var(--el-color-info-dark-2);
-    text-align: center;
-}
 
 .yo-shelf-name {
     display: inline-flex;
@@ -169,7 +163,6 @@ export default {
     display: inline-block;
     gap: 8px;
     align-items: center;
-    /* height: 36px; */
     margin-bottom: 12px;
 }
 
@@ -199,11 +192,6 @@ export default {
     margin: 0 4px;
 }
 
-.yo-slider {
-    width: 195px;
-    margin-left: 5px;
-}
-
 .yo-btn-add {
     min-width: 10px;
     height: 24px;
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropShelf.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropShelf.vue
index 03255568..0906a61f 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropShelf.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/TabPropShelf.vue
@@ -1,19 +1,21 @@
 <template>
-    <el-scrollbar class="yo-scrollbar">
+    <div class="yo-scrollbar2" style="height: calc(100vh - 155px)">
+        <div class="yo-title-s16">货架设置</div>
+        <div v-if="shelf" class="yo-content">
+            <div class="yo-title-s14">货架位置</div>
+            <Vec3Comp :vec3="shelf.position" icon="position" />
+            <a-divider />
+            <div class="yo-title-s14">货架方向</div>
+            <Vec3Comp :vec3="shelf.rotation" icon="rotation" />
+            <a-divider />
+        </div>
+        <div v-else class="empty1">请先选择一个货架</div>
+
         <el-collapse v-model="activeNames">
-            <el-collapse-item title="货架" name="shelf">
-                <div v-if="shelf">
-                    <Vec3Comp :vec3="shelf.position" icon="position" />
-                    <div class="yo-v-gap"></div>
-                    <Vec3Comp :vec3="shelf.rotation" icon="rotation" />
-                </div>
-                <div v-else class="empty1">请先选择一个货架</div>
-            </el-collapse-item>
-            <div class="yo-line"></div>
             <el-collapse-item title="货位" name="cells">
                 <div v-if="shelf">
                     <el-row :class="`yo-shelf-cells-position ${cell == extSelectedCell ? 'active' : ''}`"
-                        v-for="(cell, idx) in cells" :key="idx">
+                        v-for="(cell, idx) in cells">
                         <div class="yo-shelf-name">
                             {{ idx + 1 }}
                             <el-input class="yo-input-small" v-model="cell.name" />
@@ -60,13 +62,14 @@
                 <div v-else class="empty1">请先选择一个货架</div>
             </el-collapse-item>
         </el-collapse>
-    </el-scrollbar>
+    </div>
 </template>
 
 <script setup>
 import { Delete } from '@element-plus/icons-vue'
 import Vec3Comp from '../comp/Vec3Comp.vue'
-import { MAX_CELLS } from '../../../../crossyo/shelves-vue/store/shelves'
+// import { MAX_CELLS } from '@/crossyo/shelves-vue/store/shelves'
+const MAX_CELLS = 16
 </script>
 
 <script>
@@ -173,15 +176,6 @@ export default {
 </script>
 
 <style scoped>
-.yo-scrollbar {
-    height: calc(100vh - 40px);
-    padding: 8px 16px;
-}
-
-.empty1 {
-    color: var(--el-color-info-dark-2);
-    text-align: center;
-}
 
 .yo-shelf-name {
     display: inline-flex;
@@ -250,11 +244,6 @@ export default {
     margin: 0 4px;
 }
 
-.yo-slider {
-    width: 195px;
-    margin-left: 5px;
-}
-
 .yo-btn-add {
     min-width: 10px;
     height: 24px;
diff --git a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/Toolbar.vue b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/Toolbar.vue
index ce26f414..11c18002 100644
--- a/src/views/Creative/3d/crossyo/shelves-vue/components/editor/Toolbar.vue
+++ b/src/views/Creative/3d/crossyo/shelves-vue/components/editor/Toolbar.vue
@@ -11,11 +11,10 @@
             </template>
             3D虚拟门店
         </a-button>
-        
+
         <a-button class="yo-btn-right yo-btn-blue" type="primary" @click="$emit('save')">
             <template #icon>
-                <!-- <SendOutlined /> -->
-                <img :src="SendSvg" style="width: 24px" />
+                <img :src="SendSvg" />
             </template>
             发送
         </a-button>
@@ -53,11 +52,12 @@ import SendSvg from '../../asset/icon2/send.svg'
     height: 40px;
     width: 100px;
     min-width: 10px;
-    /* line-height: 24px; */
+    line-height: 28px;
     color: #FFFFFF;
     background: #1C6FFF;
     border-color: #1C6FFF;
-    font-size: 15px;
+    font-size: 16px;
+    font-weight: 400;
     border-radius: 6px;
     letter-spacing: 2px;
     /* padding: 4px 20px; */
@@ -71,17 +71,10 @@ import SendSvg from '../../asset/icon2/send.svg'
     border: #1C6FFF;
 }
 
-.yo-btn-back {
-    position: absolute;
-    left: 16px;
-    align-self: center;
-    height: 40px;
-    min-width: 10px;
-    /* line-height: 24px; */
-    color: #434343;
-    font-size: 16px;
-    letter-spacing: 2px;
-    /* padding: 4px 20px; */
+.yo-btn-right img {
+    width: 24px;
+    margin-right: 6px;
+    padding-bottom: 2px;
 }
 
 .yo-btn-back {
@@ -93,7 +86,13 @@ import SendSvg from '../../asset/icon2/send.svg'
     /* line-height: 24px; */
     color: #434343;
     font-size: 16px;
+    font-weight: 400;
     letter-spacing: 2px;
     /* padding: 4px 20px; */
 }
+
+.yo-btn-back img {
+    width: 24px;
+    margin-right: 6px;
+}
 </style>
diff --git a/src/views/Creative/Creation.vue b/src/views/Creative/Creation.vue
index 2c1baa71..bf41d95b 100644
--- a/src/views/Creative/Creation.vue
+++ b/src/views/Creative/Creation.vue
@@ -30,6 +30,8 @@ onMounted(async () => {
 
 <style lang="scss" scoped>
 
+@import url("./utils.default.scss");
+
 :deep(img){
   width: 100%;
 }
diff --git a/src/views/Creative/Material.vue b/src/views/Creative/Material.vue
index 3b79bda2..a9cc6e89 100644
--- a/src/views/Creative/Material.vue
+++ b/src/views/Creative/Material.vue
@@ -16,7 +16,7 @@
             </span>
           </template>
         </a-input>
-        <a-button type="primary" @click="createMaterialRef.show(current.find(x => x))">
+        <a-button :disabled="!current.find(x => x)" type="primary" @click="createMaterialRef.show(current.find(x => x))">
           <PlusOutlined/> 新增
         </a-button>
       </div>
@@ -29,11 +29,12 @@
               <div class="pit-row" style="color: #262626;">
                 {{row.title}}
                 <div class="pit-tag" style="color: #0CC126; ">
-                  三维环境
+                  {{THREE_D_TYPE_S.find(x => x.type == row.type)?.name}}
                 </div>
               </div>
               <div class="pit-row" style="color: #8A8A8A;">
-                2022-08-08
+                <!-- 2022-08-08 -->
+                --
                 <div class="pit-more">
                   <a-dropdown placement="bottomCenter">
                     <a class="ant-dropdown-link" @click.prevent>
diff --git a/src/views/Creative/MyCreation.vue b/src/views/Creative/MyCreation.vue
index b78ba143..c4cbfbbb 100644
--- a/src/views/Creative/MyCreation.vue
+++ b/src/views/Creative/MyCreation.vue
@@ -4,9 +4,7 @@
       <div class="search">
         <a-menu v-model:selectedKeys="current" mode="horizontal">
           <a-menu-item :key="0">全部 </a-menu-item>
-          <a-menu-item :key="1">3D虚拟门店</a-menu-item>
-          <a-menu-item :key="2">3D环物</a-menu-item>
-          <a-menu-item :key="3">3D商品模型</a-menu-item>
+          <a-menu-item v-for="(item) in CREATIVE_TYPE_S" :key="item.type">{{item.name}}</a-menu-item>
         </a-menu>
         <a-input v-model:value="title" placeholder="请输入" style="width: 200px; margin-right: 5px;">
           <template v-slot:prefix>
@@ -18,7 +16,7 @@
             </span>
           </template>
         </a-input>
-        <a-button type="primary">
+        <a-button :disabled="!current.find(x => x)" type="primary" @click="create3DRef.show(current.find(x => x))">
           <PlusOutlined/> 新增
         </a-button>
       </div>
@@ -30,18 +28,13 @@
             <div class="page-item-title">
               <div class="pit-row" style="color: #262626;">
                 {{row.title}}
-                <div v-if="row.type==1" class="pit-tag" style="color: #0CC126; ">
-                  3D虚拟门店
-                </div>
-                <div v-if="row.type==2" class="pit-tag" style="color: #0CC126; ">
-                  3D环物
-                </div>
-                <div v-if="row.type==3" class="pit-tag" style="color: #0CC126; ">
-                  3D商品模型
+                <div class="pit-tag" style="color: #0CC126; ">
+                  {{CREATIVE_TYPE_S.find(x => x.type == row.type)?.name}}
                 </div>
               </div>
               <div class="pit-row" style="color: #8A8A8A;">
-                2022-08-08
+                <!-- 2022-08-08 -->
+                --
                 <div class="pit-more">
                   <a-dropdown placement="bottomCenter">
                     <a class="ant-dropdown-link" @click.prevent>
@@ -106,6 +99,7 @@
         </div>
       </div>
       <RenameCreation ref="renameCreationRef" @complete="query" />
+      <Create3D ref="create3DRef" @complete="query"/>
     </div>
   </a-spin>
 </template>
@@ -116,7 +110,9 @@ import { SearchOutlined, PlusOutlined } from "@ant-design/icons-vue"
 import { computed, onMounted, ref, watch } from "@vue/runtime-core";
 import { Modal } from "ant-design-vue";
 import RenameCreation from "./components/RenameCreation.vue";
+import Create3D from "./components/Create3D.vue";
 import { currentMock } from "./creation.mock";
+import { CREATIVE_TYPE, CREATIVE_TYPE_S } from "./components/Create3D.constant";
 import { getMaterials, delMaterialCenter } from "./api";
 import { useRouter } from "vue-router";
 
@@ -124,6 +120,8 @@ const router = useRouter();
 
 const renameCreationRef = ref();
 
+const create3DRef = ref();
+
 const current = ref([0]);
 
 const rows = ref([]);
@@ -144,7 +142,7 @@ const query = async () => {
   if(left) {
     res.data.push(...Array(5 - left).fill(null));
   }
-  
+
   rows.value = res.data;
 }
 
diff --git a/src/views/Creative/api.js b/src/views/Creative/api.js
index 6a4dd322..63ae2915 100644
--- a/src/views/Creative/api.js
+++ b/src/views/Creative/api.js
@@ -34,6 +34,16 @@ export function delMaterialCenter(id) {
   })
 }
 
+
+/* 3D场景新增 */
+export function createMaterialCenter(data) {
+  return request({
+    url: `/console/material_center`,
+    method: 'POST',
+    data
+  })
+}
+
 /* 素材库列表 */
 export function getMaterialLibrary(params) {
   return request({
diff --git a/src/views/Creative/components/ChooseMarerial.vue b/src/views/Creative/components/ChooseMarerial.vue
new file mode 100644
index 00000000..76c5b1b7
--- /dev/null
+++ b/src/views/Creative/components/ChooseMarerial.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <div class="item" v-for="(item, index) in list" :key="index" :class="current.includes(item) ? 'selected' : ''" @click="toggle(item)">
+      <div class="cover">
+        <img src="" alt="">
+      </div>
+      <div class="title">
+        作品名称
+      </div>
+    </div>
+    <div style="clear: both;"></div>
+  </div>
+</template>
+
+<script setup>
+const { ref }=require("@vue/reactivity");
+const { onMounted }=require("@vue/runtime-core");
+import { getMaterialLibrary } from "../api";
+
+const props = defineProps(["type"])
+
+const list = ref([]);
+
+const current = ref([]);
+
+const toggle = (item) => {
+  if(current.value.includes(item)){
+    current.value = current.value.filter(x => x != item);
+  }
+  else{
+    current.value.push(item);
+  }
+};
+
+onMounted(async () => {
+  const res = await getMaterialLibrary({
+    type: props.type, title: ""
+  });
+  list.value = res.data;
+});
+
+</script>
+
+<style scoped lang="scss">
+
+.item{
+  width: 31%;
+  border: solid 1px #eee;
+  outline: solid 1px #fff;
+  border-radius: 5px;
+  float: left;
+  margin: 5px 1%;
+  .cover{
+    width: 100%;
+    height: 120px;
+  }
+  .title{
+    line-height: 30px;
+    text-align: center;
+  }
+}
+.selected{
+  outline: solid 1px green;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Creative/components/Create3D.constant.js b/src/views/Creative/components/Create3D.constant.js
new file mode 100644
index 00000000..e5bb7712
--- /dev/null
+++ b/src/views/Creative/components/Create3D.constant.js
@@ -0,0 +1,945 @@
+export const CREATIVE_TYPE = {
+  THREE_D: 1,
+  RING_360: 2,
+  MODEL_3D: 3,
+};
+
+export const CREATIVE_TYPE_S = [
+  {
+    type: CREATIVE_TYPE.THREE_D,
+    name: "3D虚拟门店"
+  },
+  {
+    type: CREATIVE_TYPE.RING_360,
+    name: "3D环物"
+  },
+  {
+    type: CREATIVE_TYPE.MODEL_3D,
+    name: "3D商品模型"
+  },
+];
+
+
+const factorys = [
+  {
+    type: CREATIVE_TYPE.THREE_D,
+    build: (data) => {
+      return {
+        "planetid": "scene1",
+        "name": "场景1",
+
+        "arrangementId": "bsld2da4",
+        "relShopId": "sllqkj4l",
+        "panorama": {
+          "url": "",
+          "urlSmall": "",
+          "urlThumb": "",
+          "urlDepth": "",
+          "urlShelfExr": "",
+          "rotationY": 0,
+          "multiply": 3
+        },
+        "shelves": [
+          {
+            "name": "货架1",
+            "planetid": "shelf1",
+
+            "id": "shelf1",
+            "url": "",
+            "urlThumb": "",
+            "hideWhenSurvey": true,
+            "cells": [
+
+              {
+                "name": "0-1",
+                "box": {
+                  "position": {
+                    "x": -0.6093719155636137,
+                    "y": 1.1925115714503842,
+                    "z": 0.45
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "size": {
+                    "x": 0.3736,
+                    "y": 0.2259,
+                    "z": 0.2179
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.006,
+                        "y": -0.029369916622918046,
+                        "z": 0.1847
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 1,
+                        "y": 1,
+                        "z": 1
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "0-2",
+                "box": {
+                  "position": {
+                    "x": -0.18520626992561548,
+                    "y": 1.1908614160723439,
+                    "z": 0.45
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "size": {
+                    "x": 0.3736,
+                    "y": 0.2259,
+                    "z": 0.2179
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.006,
+                        "y": -0.03174731410176801,
+                        "z": 0.1847
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 1,
+                        "y": 1,
+                        "z": 1
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "0-3",
+                "box": {
+                  "position": {
+                    "x": 0.2287325535366465,
+                    "y": 1.1892382329257407,
+                    "z": 0.45
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "size": {
+                    "x": 0.3736,
+                    "y": 0.2259,
+                    "z": 0.2179
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.006,
+                        "y": -0.028571714546698213,
+                        "z": 0.1847
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 1,
+                        "y": 1,
+                        "z": 1
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "0-4",
+                "box": {
+                  "position": {
+                    "x": 0.661393068886308,
+                    "y": 1.1909523674363642,
+                    "z": 0.4537964589333506
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "size": {
+                    "x": 0.3736,
+                    "y": 0.2259,
+                    "z": 0.2179
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.006,
+                        "y": -0.03136253199426353,
+                        "z": 0.1847
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 1,
+                        "y": 1,
+                        "z": 1
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "1-1",
+                "box": {
+                  "position": {
+                    "x": -0.605500512913119,
+                    "y": 0.8538858659191146,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.0027324557304382324,
+                        "y": -0.03184773059511403,
+                        "z": 0.1743204391002655
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.1499999999999999,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "1-2",
+                "box": {
+                  "position": {
+                    "x": -0.18658027999214435,
+                    "y": 0.8512643658064176,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": 0,
+                        "y": -0.02759083972388149,
+                        "z": 0.1743204391002655
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.1499999999999999,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "1-3",
+                "box": {
+                  "position": {
+                    "x": 0.2230628973331703,
+                    "y": 0.8511807287232012,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.005585700273513794,
+                        "y": -0.032213962561231047,
+                        "z": 0.1743204391002655
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.1499999999999999,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "1-4",
+                "box": {
+                  "position": {
+                    "x": 0.6551478924840007,
+                    "y": 0.8483097259524031,
+                    "z": 0.45
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "size": {
+                    "x": 0.3736,
+                    "y": 0.2259,
+                    "z": 0.2179
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.006,
+                        "y": -0.02673691703609271,
+                        "z": 0.1847
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 1,
+                        "y": 1,
+                        "z": 1
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "2-1",
+                "box": {
+                  "position": {
+                    "x": -0.60433011332925,
+                    "y": 0.5125224579062782,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.0027324557304382324,
+                        "y": -0.034508354476310954,
+                        "z": 0.1743204391002655
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15000000000000002,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "2-2",
+                "box": {
+                  "position": {
+                    "x": -0.1914175066620415,
+                    "y": 0.5095275839341008,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": 0,
+                        "y": -0.027170852492222397,
+                        "z": 0.1743204391002655
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15000000000000002,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "2-3",
+                "box": {
+                  "position": {
+                    "x": 0.22360906333448538,
+                    "y": 0.5101818344822482,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.005585700273513794,
+                        "y": -0.030842453533999448,
+                        "z": 0.1743204391002655
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15000000000000002,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "2-4",
+                "box": {
+                  "position": {
+                    "x": 0.6482247451401058,
+                    "y": 0.504394091002413,
+                    "z": 0.45
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "size": {
+                    "x": 0.3736,
+                    "y": 0.2259,
+                    "z": 0.2179
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.006,
+                        "y": -0.02471250348374021,
+                        "z": 0.1847
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 1,
+                        "y": 1,
+                        "z": 1
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "3-1",
+                "box": {
+                  "position": {
+                    "x": -0.6134215690979794,
+                    "y": 0.1945505440235138,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.0027324557304382324,
+                        "y": -0.024228371171756358,
+                        "z": 0.1846828854084015
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15000000000000002,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "3-2",
+                "box": {
+                  "position": {
+                    "x": -0.19111044416229633,
+                    "y": 0.1945505440235138,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": 0,
+                        "y": -0.021009267483951266,
+                        "z": 0.1846828854084015
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15000000000000002,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "3-3",
+                "box": {
+                  "position": {
+                    "x": 0.21581759477578777,
+                    "y": 0.1945505440235138,
+                    "z": 0.45017966628074646
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "size": {
+                    "x": 0.37358155846595764,
+                    "y": 0.225911445915699,
+                    "z": 0.21794167160987854
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.005585700273513794,
+                        "y": -0.020448554878266023,
+                        "z": 0.1846828854084015
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 0.7393795847892761,
+                        "y": 0.05661093816161156,
+                        "z": 0.05661093816161156
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15000000000000002,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              },
+              {
+                "name": "3-4",
+                "box": {
+                  "position": {
+                    "x": 0.6432047193626257,
+                    "y": 0.19147498005043284,
+                    "z": 0.45
+                  },
+                  "scale": {
+                    "x": 1,
+                    "y": 1,
+                    "z": 1
+                  },
+                  "rotation": {
+                    "x": 0,
+                    "y": 0,
+                    "z": 0
+                  },
+                  "size": {
+                    "x": 0.3736,
+                    "y": 0.2259,
+                    "z": 0.2179
+                  },
+                  "child": {
+                    "sign": {
+                      "position": {
+                        "x": -0.006,
+                        "y": -0.013996807328698846,
+                        "z": 0.1847
+                      },
+                      "rotation": {
+                        "x": 0,
+                        "y": 0,
+                        "z": 0
+                      },
+                      "scale": {
+                        "x": 1,
+                        "y": 1,
+                        "z": 1
+                      }
+                    },
+                    "logo": {
+                      "position": {
+                        "x": 0,
+                        "y": 0.15,
+                        "z": 0
+                      }
+                    }
+                  }
+                },
+                "pileNumber": 2,
+                "pileRotationY": 0
+              }
+            ],
+            "position": {
+              "x": 2.5193034425825944,
+              "y": -1.0605054800098004,
+              "z": 4.5102810375396984e-17
+            },
+            "rotation": {
+              "x": 0,
+              "y": -1.5707963267948966,
+              "z": 0
+            },
+            "scale": {
+              "x": 1,
+              "y": 1,
+              "z": 1
+            },
+
+            "wares": []
+          }
+        ]
+      }
+    }
+  },
+  {
+    type: CREATIVE_TYPE.RING_360,
+    build: (data) => {
+
+    }
+  },
+  {
+    type: CREATIVE_TYPE.MODEL_3D,
+    build: (data) => {
+
+    }
+  },
+];
+
+export const buildData = (data) => {
+
+  var factory = factorys.find(x => x.type == data.type);
+
+  if (!factory) throw new Error("Create3D.constant: 未找到素材数据构造方法");
+
+  return factory.build(data);
+};
diff --git a/src/views/Creative/components/Create3D.vue b/src/views/Creative/components/Create3D.vue
new file mode 100644
index 00000000..29d1765d
--- /dev/null
+++ b/src/views/Creative/components/Create3D.vue
@@ -0,0 +1,134 @@
+<template>
+  <a-modal v-model:visible="visible" :title="title" width="800px" @ok="ok">
+    <a-steps v-if="formData.type==CREATIVE_TYPE.THREE_D" :current="step" size="small" style="margin: 0 auto; width: 80%;">
+      <a-step title="素材信息" />
+      <a-step title="选择环境" />
+      <a-step title="选择货架" />
+      <a-step title="选择商品" />
+    </a-steps>
+    <a-steps v-else :current="step" size="small" style="margin: 0 auto; width: 60%;">
+      <a-step title="素材信息" />
+      <a-step title="选择素材" />
+    </a-steps>
+    <a-form v-if="step==0" :label-col="{ span: 6 }" :wrapper-col="{ span: 14 }" style="margin: 40px 0;">
+      <a-form-item label="素材名称">
+        <a-input v-model:value="formData.title" placeholder="请输入素材名称" />
+      </a-form-item>
+    </a-form>
+    <div v-if="formData.type==CREATIVE_TYPE.THREE_D" style="margin: 20px 0;">
+      <div v-if="step==1">
+        <ChooseMarerial :type="THREE_D_TYPE.PANORAMA" v-model="formData.data.panorama"/>
+      </div>
+      <div v-if="step==2">
+        <ChooseMarerial :type="THREE_D_TYPE.SHELF" v-model="formData.data.shelves"/>
+      </div>
+      <div v-if="step==3">
+        <ChooseMarerial :type="THREE_D_TYPE.WARE" v-model="formData.data.wares"/>
+      </div>
+    </div>
+    <div v-if="formData.type==CREATIVE_TYPE.MODEL_3D" style="margin: 20px 0;">
+      <div v-if="step==1">
+        <ChooseMarerial :type="THREE_D_TYPE.CHARTLET" v-model="formData.data.panorama"/>
+      </div>
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import { UploadOutlined, InboxOutlined, MinusCircleFilled } from '@ant-design/icons-vue';
+import { CREATIVE_TYPE_S, CREATIVE_TYPE, buildData } from "./Create3D.constant";
+import { THREE_D_TYPE } from "./CreateMaterial.constant";
+import ChooseMarerial from "./ChooseMarerial.vue"
+const { ref, reactive }=require("@vue/reactivity");
+import { createMaterialCenter } from "../api";
+
+const emit = defineEmits(["complete"]);
+
+const title = ref("");
+
+const visible = ref(false);
+
+const step = ref(0);
+
+const formData = ref({
+  type: 1,
+  title: '',
+  cover: '',
+  data: {}
+});
+
+const show = (type) => {
+  
+  const obj = CREATIVE_TYPE_S.find(x => x.type == type);
+  if(!obj) return;
+
+  title.value = obj.name;
+
+  var target = JSON.parse(JSON.stringify(obj));
+  target.title = "";
+  target.cover = "";
+  target.data = {};
+  formData.value = target;
+  step.value = 0;
+  visible.value = true;
+}
+
+const ok = async () => {
+  step.value++;
+  if(formData.value.type == CREATIVE_TYPE.THREE_D) {
+    if(step.value >= 4) {
+      formData.value.data = buildData(formData.value)
+      await createMaterialCenter(formData.value);
+      visible.value = false;
+      emit("complete");
+    }
+  }
+  else {
+    if(step.value >= 2) {
+      formData.value.data = buildData(formData.value)
+      await createMaterialCenter(formData.value);
+      visible.value = false;
+      emit("complete");
+    }
+  }
+}
+
+defineExpose({
+  show
+})
+
+</script>
+
+<style scoped lang="scss">
+.back{
+  cursor: pointer;
+}
+.ant-upload-drag-icon{
+  :deep(svg){
+    font-size: 50px!important;
+  }
+}
+.image-list{
+  .image-list-item{
+    width: 100px;
+    height: 100px;
+    display: inline-block;
+    margin-right: 10px;
+    position: relative;
+    font-size: 40px;
+    img{
+      max-width: 100%;
+      max-height: 100%;
+    }
+    .del{
+      color: red;
+      position: absolute;
+      right: -10px;
+      top: -10px;
+      :deep(*){
+        font-size: 20px;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Creative/components/Header.vue b/src/views/Creative/components/Header.vue
deleted file mode 100644
index d49a3d3f..00000000
--- a/src/views/Creative/components/Header.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <div style="height: 70px; padding: 0 34px; line-height: 70px; border-bottom: solid 1px #eee;">
-    <span @click="back" class="back">
-      <i class="iconfont icon-xiangzuo-moren"></i>
-      <span>3D虚拟门店</span>
-    </span>
-  </div>
-</template>
-
-<script setup>
-const { useRouter }=require("vue-router")
-
-const router = useRouter();
-
-const back = () => {
-  router.back();
-}
-</script>
-
-<style scoped lang="scss">
-.back{
-  cursor: pointer;
-  .icon-xiangzuo-moren {
-    font-size: 10px;
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/views/Creative/lib/shelves.module.js b/src/views/Creative/lib/shelves.module.js
index 96f15249..1fe35a7d 100644
--- a/src/views/Creative/lib/shelves.module.js
+++ b/src/views/Creative/lib/shelves.module.js
@@ -403,6 +403,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src-kutsi/crossyo/kutsi/util/frame/ViewTransformDetector.js":
+/*!*********************************************************************!*\
+  !*** ./src-kutsi/crossyo/kutsi/util/frame/ViewTransformDetector.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ViewTransformDetector\": () => (/* binding */ ViewTransformDetector)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n\r\n\r\n// #20220212, for smart-farm\r\n// #20220626 ObserveCameraHelper -> ViewTransformDetector\r\n// #20221216 shelves add useTarget = false\r\nclass ViewTransformDetector {\r\n\r\n    constructor(deltaRatio = 1 / 1000, useTarget = true) {\r\n\r\n        this.deltaRatio_ = deltaRatio\r\n        this.use_target_ = useTarget\r\n\r\n        this.prev_pos_ = new three__WEBPACK_IMPORTED_MODULE_0__.Vector3()\r\n        this.prev_tgt_ = new three__WEBPACK_IMPORTED_MODULE_0__.Vector3()\r\n\r\n        this.prev_pos_1_ = new three__WEBPACK_IMPORTED_MODULE_0__.Vector3()\r\n        this.prev_tgt_1_ = new three__WEBPACK_IMPORTED_MODULE_0__.Vector3()\r\n    }\r\n\r\n    roundVector3__(vec3, dist) {\r\n        return new three__WEBPACK_IMPORTED_MODULE_0__.Vector3(Math.round(vec3.x / dist), Math.round(vec3.y / dist), Math.round(vec3.z / dist))\r\n    }\r\n\r\n    // 通知订阅\r\n    // update(viewer, ) {\r\n    // }\r\n\r\n    // 计算返回\r\n    updateResult(viewer) {\r\n\r\n        let result = null\r\n\r\n        let controls = viewer.controls_\r\n        // let position = controls.object.getWorldPosition(new Vector3())\r\n        let position = controls.object.position\r\n        let target = controls.target\r\n        // let dist = new Vector3().subVectors(position, target).length()\r\n        let dist = viewer.controls_distance_.value\r\n\r\n        // controls\r\n        {\r\n\r\n            let pos_1 = null\r\n            let tgt_1 = null\r\n            let delta = 0\r\n\r\n            if (this.deltaRatio_ > 0) {\r\n\r\n                delta = dist * this.deltaRatio_\r\n\r\n                pos_1 = this.roundVector3__(position, delta)\r\n                tgt_1 = this.use_target_ ? this.roundVector3__(target, delta) : null\r\n\r\n            } else {\r\n\r\n                pos_1 = position.clone()\r\n                tgt_1 = this.use_target_ ? target.clone() : null\r\n\r\n            }\r\n\r\n            if (this.use_target_) {\r\n                if (!pos_1.equals(this.prev_pos_1_) || !tgt_1.equals(this.prev_tgt_1_)) {\r\n                    result = {\r\n                        delta,\r\n                        position,\r\n                        target,\r\n                        dist,\r\n                    }\r\n\r\n                    this.prev_pos_1_ = pos_1\r\n                    this.prev_tgt_1_ = tgt_1\r\n                }\r\n            } else {\r\n                if (!pos_1.equals(this.prev_pos_1_)) {\r\n                    result = {\r\n                        delta,\r\n                        position,\r\n                        // target,\r\n                        // dist,\r\n                    }\r\n\r\n                    this.prev_pos_1_ = pos_1\r\n                    // this.prev_tgt_1_ = tgt_1\r\n                }\r\n            }\r\n\r\n        }\r\n\r\n        return result\r\n    }\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src-kutsi/crossyo/kutsi/util/frame/ViewTransformDetector.js?");
+
+/***/ }),
+
 /***/ "./src-kutsi/crossyo/kutsi/util/frame/caches.js":
 /*!******************************************************!*\
   !*** ./src-kutsi/crossyo/kutsi/util/frame/caches.js ***!
@@ -421,7 +432,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BaseShelve\": () => (/* binding */ BaseShelve),\n/* harmony export */   \"CELL_HIERARCHY\": () => (/* binding */ CELL_HIERARCHY),\n/* harmony export */   \"HIERARCHY_TYPE\": () => (/* binding */ HIERARCHY_TYPE),\n/* harmony export */   \"parse_v3_cells_from_v1_shelf_model_\": () => (/* binding */ parse_v3_cells_from_v1_shelf_model_)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var _common_CommoditiesCache__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../common/CommoditiesCache */ \"./src/crossyo/shelves/common/CommoditiesCache.js\");\n/* harmony import */ var _common_TexturesCache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/TexturesCache */ \"./src/crossyo/shelves/common/TexturesCache.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ \"./src/crossyo/shelves/common/util.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst HIERARCHY_TYPE = {\r\n    STANDALONE: 1,\r\n    INHERITED: 2,\r\n}\r\n\r\nconst CELL_HIERARCHY = HIERARCHY_TYPE.INHERITED\r\n\r\nclass BaseShelve {\r\n\r\n    constructor(viewer) {\r\n\r\n        this.viewer_ = viewer\r\n        this.commodities_cache_ = new _common_CommoditiesCache__WEBPACK_IMPORTED_MODULE_0__.CommoditiesCache(viewer)\r\n        this.textures_cache_ = new _common_TexturesCache__WEBPACK_IMPORTED_MODULE_1__.TexturesCache(viewer)\r\n    }\r\n\r\n    get_texture_url_(texture) {\r\n        if (texture) {\r\n            return _common_util__WEBPACK_IMPORTED_MODULE_2__.isMobile ? texture.urlSmall : texture.url\r\n        } else {\r\n            return null\r\n        }\r\n    }\r\n\r\n    get_commodity_url_(commodity) {\r\n        if (!_common_util__WEBPACK_IMPORTED_MODULE_2__.isMobile) {\r\n            return commodity.url\r\n        } else { // mobile\r\n            return commodity.urlSmall || commodity.url            \r\n        }\r\n    }\r\n\r\n    removeWareFromCell(cell) {\r\n\r\n        let ext = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.use_ext)(cell)\r\n        let c_o3d__ = ext.get_c_o3d__ ? ext.get_c_o3d__() : null\r\n        if (c_o3d__) {\r\n\r\n            if (!ext.origin_o3d_url__\r\n                && !ext.origin_tex_url__\r\n            ) {\r\n                console.log('SAME!!')\r\n                return\r\n            } else {\r\n                console.log('REMOVE PREV!!' /*, commodity.url*/, ext.origin_o3d_url__)\r\n                // remove previous!\r\n                // ext.$c_o3d__.removeFromParent()\r\n                // ext.$c_o3d__ = null\r\n\r\n                c_o3d__.removeFromParent()\r\n\r\n                ext.origin_o3d_url__ = null\r\n                ext.$origin_o3d__ = null\r\n                ext.origin_tex_url__ = null\r\n                ext.$origin_tex__ = null\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n    addWareToCell(ware, cell) {\r\n\r\n        return new Promise((resolve, reject) => {\r\n\r\n            let commodity = ware.commodity\r\n            let texture = ware.texture // maybe null!\r\n         \r\n            let ext = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.use_ext)(cell)\r\n            let c_o3d__ = ext.get_c_o3d__ ? ext.get_c_o3d__() : null\r\n            if (c_o3d__) {\r\n\r\n                if (this.get_commodity_url_(commodity) == ext.origin_o3d_url__\r\n                    && this.get_texture_url_(texture) == ext.origin_tex_url__\r\n                ) {\r\n                    console.log('SAME!!')\r\n                    return\r\n                } else {\r\n                    console.log('REMOVE PREV!!', this.get_commodity_url_(commodity), ext.origin_o3d_url__)\r\n                    // remove previous!\r\n                    // ext.$c_o3d__.removeFromParent()\r\n                    // ext.$c_o3d__ = null\r\n\r\n                    c_o3d__.removeFromParent()\r\n\r\n                    ext.origin_o3d_url__ = null\r\n                    ext.$origin_o3d__ = null\r\n                    ext.origin_tex_url__ = null\r\n                    ext.$origin_tex__ = null\r\n                }\r\n\r\n            }\r\n\r\n            this.commodities_cache_.find(this.get_commodity_url_(commodity)).then(o3d_nt => {\r\n                this.textures_cache_.find(texture).then(tex => {\r\n\r\n                    ext.$origin_tex__ = tex\r\n                    ext.origin_tex_url__ = this.get_texture_url_(texture)\r\n\r\n                    let o3d = o3d_nt.clone()\r\n\r\n                    o3d.name = o3d_nt.name + '-mat'\r\n                    if (o3d.material) {\r\n                        o3d.material = o3d.material.clone()\r\n                        if (tex) {\r\n                            o3d.material.map = tex\r\n                        }\r\n                    } else { // #20220729, mesh in children\r\n                        o3d.traverse(c => {\r\n                            if (c.isMesh) {\r\n                                c.material = c.material.clone() // case 自己上传的独特商品\r\n                                if (tex) {\r\n                                    console.warn('#20220729, un confirmed path, 291G9J81LO1!')\r\n                                    c.material.map = tex\r\n                                }\r\n                            }\r\n                        })\r\n                    }\r\n\r\n                    // ext.$origin_o3d__ = o3d\r\n                    ext.get_origin_o3d__ = () => {\r\n                        return o3d\r\n                    }\r\n                    ext.origin_o3d_url__ = this.get_commodity_url_(commodity)\r\n                    // container!\r\n                    let c_o3d = new three__WEBPACK_IMPORTED_MODULE_3__.Object3D()\r\n                    c_o3d.name = 'cell__'\r\n                    // ext.$c_o3d__ = c_o3d\r\n                    ext.get_c_o3d__ = () => {\r\n                        return c_o3d\r\n                    }\r\n\r\n                    let box = cell.box\r\n                    c_o3d.position.set(box.position.x, box.position.y, box.position.z)\r\n                    c_o3d.rotation.set(box.rotation.x, box.rotation.y, box.rotation.z)\r\n                    this.viewer_.mesh_shelf__.add(c_o3d)\r\n\r\n                    // console.log(this.viewer_.mesh_shelf__)\r\n\r\n                    this.update_cell_pileNumber_(cell)\r\n\r\n                    resolve()\r\n                }).catch(e => {\r\n                    reject(e)\r\n                })\r\n\r\n            }).catch(e => {\r\n                reject(e)\r\n            })\r\n\r\n        })\r\n\r\n\r\n    }\r\n\r\n    // with pile rotation y\r\n    update_cell_pileNumber_(cell) {\r\n\r\n        let ext = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.use_ext)(cell)\r\n        if (ext.get_c_o3d__) {\r\n\r\n            let c_o3d__ = ext.get_c_o3d__()\r\n            if (c_o3d__) {\r\n\r\n                let old_number = c_o3d__.children.length\r\n                let new_number = cell.pileNumber\r\n\r\n                // console.log('update_pile_number', old_number, new_number)\r\n\r\n                if (old_number != new_number) {\r\n                    c_o3d__.clear()\r\n\r\n                    let exto = ext.get_origin_o3d__()\r\n\r\n                    let size = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.box3_except_shadow)(exto).getSize(new three__WEBPACK_IMPORTED_MODULE_3__.Vector3())\r\n                    let sw = size.x\r\n\r\n                    if (cell.pileNumber == 6) { // temp for v3.5\r\n\r\n                        let w = sw * (3 - 1)\r\n                        for (let i = 0; i < new_number; i++) {\r\n\r\n                            let co = exto.clone()\r\n                            co.name = exto.name + '-' + i\r\n\r\n                            if (i < 3) {\r\n                                co.position.x = i * sw - w / 2\r\n                                co.position.z = sw / 2\r\n                            } else {\r\n                                co.position.x = (i - 3) * sw - w / 2\r\n                                co.position.z = - sw / 2\r\n                            }\r\n                            c_o3d__.add(co)\r\n                            co.rotation.y = cell.pileRotationY * Math.PI / 180\r\n\r\n\r\n                            // console.log('#2', exto, co)\r\n\r\n                        }\r\n\r\n                    } else {\r\n\r\n                        let w = sw * (new_number - 1)\r\n                        for (let i = 0; i < new_number; i++) {\r\n\r\n                            let co = exto.clone()\r\n                            co.name = exto.name + '-' + i\r\n\r\n                            co.position.x = i * sw - w / 2\r\n                            c_o3d__.add(co)\r\n                            co.rotation.y = cell.pileRotationY * Math.PI / 180\r\n\r\n                            // console.log('#2', exto, co)\r\n\r\n                        }\r\n                    }\r\n\r\n                }\r\n\r\n\r\n            } else {\r\n                console.warn('sk324kFdfkP34k;ls3k!')\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n    update_cell_pileRotationY_(cell) {\r\n\r\n        let ext = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.use_ext)(cell)\r\n\r\n        if (ext.get_c_o3d__) {\r\n\r\n            let c_o3d__ = ext.get_c_o3d__()\r\n            if (c_o3d__) {\r\n\r\n                // console.log('update_pileRotationY', ext.$c_o3d__, cell.pileRotationY)\r\n                c_o3d__.children.forEach(c => {\r\n                    c.rotation.y = cell.pileRotationY * Math.PI / 180\r\n                })\r\n\r\n            } else {\r\n                console.warn('UIH4329HJPmk023lKQb!')\r\n            }\r\n\r\n        }\r\n\r\n\r\n    }\r\n\r\n\r\n    dispose() {\r\n        this.commodities_cache_.dispose()\r\n        this.textures_cache_.dispose()\r\n    }\r\n\r\n}\r\n\r\n\r\n// TEMP for v1 to v3, 解些老的数据，并且生成新的cells数据，copy to store/shelves 列表中\r\nconst parse_v3_cells_from_v1_shelf_model_ = o3d => {\r\n\r\n    console.log('## parse_v3_cells_from_v1_shelf_model_')\r\n\r\n    let boxes = []\r\n    let signs = []\r\n    o3d.traverse(c => {\r\n        if (/^box-\\d-\\d/.test(c.name)) {\r\n            // console.log(c)\r\n            boxes.push(c)\r\n        } else if (/^sign-\\d-\\d/.test(c.name)) {\r\n            // console.log(c)\r\n            signs.push(c)\r\n        }\r\n    })\r\n    if (boxes.length != signs.length) {\r\n        console.warn('boxes len != signs len')\r\n        return\r\n    }\r\n    boxes.sort((a, b) => {\r\n        return a.name.localeCompare(b.name)\r\n    })\r\n    signs.sort((a, b) => {\r\n        return a.name.localeCompare(b.name)\r\n    })\r\n\r\n    // console.log(boxes, signs)\r\n\r\n    let to_box_scale_ = (t, box) => {\r\n        // console.log('box', box, box.geometry.boundingBox, box.geometry.boundingBox.getSize(new Vector3()))\r\n        t.size = box.geometry.boundingBox.getSize(new three__WEBPACK_IMPORTED_MODULE_3__.Vector3())\r\n        // console.log(t)\r\n        return t\r\n    }\r\n\r\n    let cells = []\r\n    for (let i = 0; i < boxes.length; i++) {\r\n        let box = boxes[i]\r\n        let sign = signs[i]\r\n\r\n        // let bbx1 = box.geometry.boundingBox\r\n        // bbx1.applyMatrix4(box.matrix)\r\n\r\n        let cell = {\r\n            name: box.name.substr(4),\r\n            // 底面中心\r\n            box: to_box_scale_((0,_common_util__WEBPACK_IMPORTED_MODULE_2__.to_transform)(box), box),\r\n        }\r\n\r\n        if (CELL_HIERARCHY == HIERARCHY_TYPE.STANDALONE) {\r\n            // 中心\r\n            cell.sign = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.to_transform)(sign)\r\n            cell.sign.position.z += .01\r\n            cell.logo = { // #20220611\r\n                position: {\r\n                    x: box.position.x,\r\n                    y: box.position.y + .15,\r\n                    z: box.position.z\r\n                }\r\n            }\r\n        } else if (CELL_HIERARCHY == HIERARCHY_TYPE.INHERITED) {\r\n\r\n            let t_sign = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.to_transform)(sign)\r\n            t_sign.position.x -= cell.box.position.x\r\n            t_sign.position.y -= cell.box.position.y\r\n            t_sign.position.z -= cell.box.position.z\r\n            t_sign.position.z += .01\r\n\r\n            t_sign.rotation.x = t_sign.rotation.y = t_sign.rotation.z = 0\r\n\r\n            cell.box.child = {\r\n                sign: t_sign,\r\n                logo: { // #20220611\r\n                    position: {\r\n                        x: box.position.x - cell.box.position.x,\r\n                        y: box.position.y + .15 - cell.box.position.y,\r\n                        z: box.position.z - cell.box.position.z,\r\n                    },\r\n                },\r\n            }\r\n\r\n        }\r\n\r\n        cells.push(cell)\r\n    }\r\n\r\n    // KLUDGE 记录数据\r\n    // console.log('copy to ../shelves-vue-demo/store/shelf?_cells.json')\r\n    console.log('cells', JSON.stringify(cells))\r\n\r\n    return cells\r\n}\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/common/BaseShelve.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BaseShelve\": () => (/* binding */ BaseShelve),\n/* harmony export */   \"CELL_HIERARCHY\": () => (/* binding */ CELL_HIERARCHY),\n/* harmony export */   \"HIERARCHY_TYPE\": () => (/* binding */ HIERARCHY_TYPE),\n/* harmony export */   \"parse_v3_cells_from_v1_shelf_model_\": () => (/* binding */ parse_v3_cells_from_v1_shelf_model_)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var _common_CommoditiesCache__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../common/CommoditiesCache */ \"./src/crossyo/shelves/common/CommoditiesCache.js\");\n/* harmony import */ var _common_TexturesCache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/TexturesCache */ \"./src/crossyo/shelves/common/TexturesCache.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ \"./src/crossyo/shelves/common/util.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst HIERARCHY_TYPE = {\r\n    STANDALONE: 1,\r\n    INHERITED: 2,\r\n}\r\n\r\nconst CELL_HIERARCHY = HIERARCHY_TYPE.INHERITED\r\n\r\nclass BaseShelve {\r\n\r\n    constructor(viewer) {\r\n\r\n        this.viewer_ = viewer\r\n        this.commodities_cache_ = new _common_CommoditiesCache__WEBPACK_IMPORTED_MODULE_0__.CommoditiesCache(viewer)\r\n        this.textures_cache_ = new _common_TexturesCache__WEBPACK_IMPORTED_MODULE_1__.TexturesCache(viewer)\r\n    }\r\n\r\n    get_texture_url_(texture) {\r\n        if (texture) {\r\n            return _common_util__WEBPACK_IMPORTED_MODULE_2__.isMobile ? texture.urlSmall : texture.url\r\n        } else {\r\n            return null\r\n        }\r\n    }\r\n\r\n    get_commodity_url_(commodity) {\r\n        if (!_common_util__WEBPACK_IMPORTED_MODULE_2__.isMobile) {\r\n            return commodity.url\r\n        } else { // mobile\r\n            return commodity.urlSmall || commodity.url            \r\n        }\r\n    }\r\n\r\n    removeWareFromCell(cell) {\r\n\r\n        let ext = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.use_ext)(cell)\r\n        let c_o3d__ = ext.get_c_o3d__ ? ext.get_c_o3d__() : null\r\n        if (c_o3d__) {\r\n\r\n            if (!ext.origin_o3d_url__\r\n                && !ext.origin_tex_url__\r\n            ) {\r\n                console.log('SAME!!')\r\n                return\r\n            } else {\r\n                console.log('REMOVE PREV!!' /*, commodity.url*/, ext.origin_o3d_url__)\r\n                // remove previous!\r\n                // ext.$c_o3d__.removeFromParent()\r\n                // ext.$c_o3d__ = null\r\n\r\n                c_o3d__.removeFromParent()\r\n\r\n                ext.origin_o3d_url__ = null\r\n                ext.$origin_o3d__ = null\r\n                ext.origin_tex_url__ = null\r\n                ext.$origin_tex__ = null\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n    addWareToCell(ware, cell) {\r\n\r\n        return new Promise((resolve, reject) => {\r\n\r\n            let commodity = ware.commodity\r\n            let texture = ware.texture // maybe null!\r\n         \r\n            let ext = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.use_ext)(cell)\r\n            let c_o3d__ = ext.get_c_o3d__ ? ext.get_c_o3d__() : null\r\n            if (c_o3d__) {\r\n\r\n                if (this.get_commodity_url_(commodity) == ext.origin_o3d_url__\r\n                    && this.get_texture_url_(texture) == ext.origin_tex_url__\r\n                ) {\r\n                    console.log('SAME!!')\r\n                    return\r\n                } else {\r\n                    console.log('REMOVE PREV!!', this.get_commodity_url_(commodity), ext.origin_o3d_url__)\r\n                    // remove previous!\r\n                    // ext.$c_o3d__.removeFromParent()\r\n                    // ext.$c_o3d__ = null\r\n\r\n                    c_o3d__.removeFromParent()\r\n\r\n                    ext.origin_o3d_url__ = null\r\n                    ext.$origin_o3d__ = null\r\n                    ext.origin_tex_url__ = null\r\n                    ext.$origin_tex__ = null\r\n                }\r\n\r\n            }\r\n\r\n            this.commodities_cache_.find(this.get_commodity_url_(commodity)).then(o3d_nt => {\r\n                this.textures_cache_.find(texture).then(tex => {\r\n\r\n                    ext.$origin_tex__ = tex\r\n                    ext.origin_tex_url__ = this.get_texture_url_(texture)\r\n\r\n                    let o3d = o3d_nt.clone()\r\n\r\n                    o3d.name = o3d_nt.name + '-mat'\r\n                    if (o3d.material) {\r\n                        o3d.material = o3d.material.clone()\r\n                        if (tex) {\r\n                            o3d.material.map = tex\r\n                        }\r\n                    } else { // #20220729, mesh in children\r\n                        o3d.traverse(c => {\r\n                            if (c.isMesh) {\r\n                                c.material = c.material.clone() // case 自己上传的独特商品\r\n                                if (tex) {\r\n                                    console.warn('#20220729, un confirmed path, 291G9J81LO1!')\r\n                                    c.material.map = tex\r\n                                }\r\n                            }\r\n                        })\r\n                    }\r\n\r\n                    // ext.$origin_o3d__ = o3d\r\n                    ext.get_origin_o3d__ = () => {\r\n                        return o3d\r\n                    }\r\n                    ext.origin_o3d_url__ = this.get_commodity_url_(commodity)\r\n                    // container!\r\n                    let c_o3d = new three__WEBPACK_IMPORTED_MODULE_3__.Object3D()\r\n                    c_o3d.name = 'cell__'\r\n                    // ext.$c_o3d__ = c_o3d\r\n                    ext.get_c_o3d__ = () => {\r\n                        return c_o3d\r\n                    }\r\n\r\n                    let box = cell.box\r\n                    c_o3d.position.set(box.position.x, box.position.y, box.position.z)\r\n                    c_o3d.rotation.set(box.rotation.x, box.rotation.y, box.rotation.z)\r\n                    this.viewer_.mesh_shelf__.add(c_o3d)\r\n\r\n                    // console.log('## add', o3d, c_o3d, this.viewer_.mesh_shelf__)\r\n\r\n                    this.update_cell_pileNumber_(cell)\r\n\r\n                    resolve()\r\n                }).catch(e => {\r\n                    reject(e)\r\n                })\r\n\r\n            }).catch(e => {\r\n                reject(e)\r\n            })\r\n\r\n        })\r\n\r\n\r\n    }\r\n\r\n    // with pile rotation y\r\n    update_cell_pileNumber_(cell) {\r\n\r\n        let ext = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.use_ext)(cell)\r\n        if (ext.get_c_o3d__) {\r\n\r\n            let c_o3d__ = ext.get_c_o3d__()\r\n            if (c_o3d__) {\r\n\r\n                let old_number = c_o3d__.children.length\r\n                let new_number = cell.pileNumber\r\n\r\n                console.log('update_pile_number', old_number, new_number)\r\n\r\n                if (old_number != new_number) {\r\n                    c_o3d__.clear()\r\n\r\n                    let exto = ext.get_origin_o3d__()\r\n\r\n                    let size = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.box3_except_shadow)(exto).getSize(new three__WEBPACK_IMPORTED_MODULE_3__.Vector3())\r\n                    let sw = size.x\r\n\r\n                    if (cell.pileNumber == 6) { // temp for v3.5\r\n\r\n                        let w = sw * (3 - 1)\r\n                        for (let i = 0; i < new_number; i++) {\r\n\r\n                            let co = exto.clone()\r\n                            co.name = exto.name + '-' + i\r\n\r\n                            if (i < 3) {\r\n                                co.position.x = i * sw - w / 2\r\n                                co.position.z = sw / 2\r\n                            } else {\r\n                                co.position.x = (i - 3) * sw - w / 2\r\n                                co.position.z = - sw / 2\r\n                            }\r\n                            c_o3d__.add(co)\r\n                            co.rotation.y = cell.pileRotationY * Math.PI / 180\r\n\r\n\r\n                            // console.log('#2', exto, co)\r\n\r\n                        }\r\n\r\n                    } else {\r\n\r\n                        let w = sw * (new_number - 1)\r\n                        for (let i = 0; i < new_number; i++) {\r\n\r\n                            let co = exto.clone()\r\n                            co.name = exto.name + '-' + i\r\n\r\n                            co.position.x = i * sw - w / 2\r\n                            c_o3d__.add(co)\r\n                            co.rotation.y = cell.pileRotationY * Math.PI / 180\r\n\r\n                            // console.log('#2', exto, co)\r\n\r\n                        }\r\n                    }\r\n\r\n                }\r\n\r\n\r\n            } else {\r\n                console.warn('sk324kFdfkP34k;ls3k!')\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n    update_cell_pileRotationY_(cell) {\r\n\r\n        let ext = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.use_ext)(cell)\r\n\r\n        if (ext.get_c_o3d__) {\r\n\r\n            let c_o3d__ = ext.get_c_o3d__()\r\n            if (c_o3d__) {\r\n\r\n                // console.log('update_pileRotationY', ext.$c_o3d__, cell.pileRotationY)\r\n                c_o3d__.children.forEach(c => {\r\n                    c.rotation.y = cell.pileRotationY * Math.PI / 180\r\n                })\r\n\r\n            } else {\r\n                console.warn('UIH4329HJPmk023lKQb!')\r\n            }\r\n\r\n        }\r\n\r\n\r\n    }\r\n\r\n\r\n    dispose() {\r\n        this.commodities_cache_.dispose()\r\n        this.textures_cache_.dispose()\r\n    }\r\n\r\n}\r\n\r\n\r\n// TEMP for v1 to v3, 解些老的数据，并且生成新的cells数据，copy to store/shelves 列表中\r\nconst parse_v3_cells_from_v1_shelf_model_ = o3d => {\r\n\r\n    console.log('## parse_v3_cells_from_v1_shelf_model_')\r\n\r\n    let boxes = []\r\n    let signs = []\r\n    o3d.traverse(c => {\r\n        if (/^box-\\d-\\d/.test(c.name)) {\r\n            // console.log(c)\r\n            boxes.push(c)\r\n        } else if (/^sign-\\d-\\d/.test(c.name)) {\r\n            // console.log(c)\r\n            signs.push(c)\r\n        }\r\n    })\r\n    if (boxes.length != signs.length) {\r\n        console.warn('boxes len != signs len')\r\n        return\r\n    }\r\n    boxes.sort((a, b) => {\r\n        return a.name.localeCompare(b.name)\r\n    })\r\n    signs.sort((a, b) => {\r\n        return a.name.localeCompare(b.name)\r\n    })\r\n\r\n    // console.log(boxes, signs)\r\n\r\n    let to_box_scale_ = (t, box) => {\r\n        // console.log('box', box, box.geometry.boundingBox, box.geometry.boundingBox.getSize(new Vector3()))\r\n        t.size = box.geometry.boundingBox.getSize(new three__WEBPACK_IMPORTED_MODULE_3__.Vector3())\r\n        // console.log(t)\r\n        return t\r\n    }\r\n\r\n    let cells = []\r\n    for (let i = 0; i < boxes.length; i++) {\r\n        let box = boxes[i]\r\n        let sign = signs[i]\r\n\r\n        // let bbx1 = box.geometry.boundingBox\r\n        // bbx1.applyMatrix4(box.matrix)\r\n\r\n        let cell = {\r\n            name: box.name.substr(4),\r\n            // 底面中心\r\n            box: to_box_scale_((0,_common_util__WEBPACK_IMPORTED_MODULE_2__.to_transform)(box), box),\r\n        }\r\n\r\n        if (CELL_HIERARCHY == HIERARCHY_TYPE.STANDALONE) {\r\n            // 中心\r\n            cell.sign = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.to_transform)(sign)\r\n            cell.sign.position.z += .01\r\n            cell.logo = { // #20220611\r\n                position: {\r\n                    x: box.position.x,\r\n                    y: box.position.y + .15,\r\n                    z: box.position.z\r\n                }\r\n            }\r\n        } else if (CELL_HIERARCHY == HIERARCHY_TYPE.INHERITED) {\r\n\r\n            let t_sign = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.to_transform)(sign)\r\n            t_sign.position.x -= cell.box.position.x\r\n            t_sign.position.y -= cell.box.position.y\r\n            t_sign.position.z -= cell.box.position.z\r\n            t_sign.position.z += .01\r\n\r\n            t_sign.rotation.x = t_sign.rotation.y = t_sign.rotation.z = 0\r\n\r\n            cell.box.child = {\r\n                sign: t_sign,\r\n                logo: { // #20220611\r\n                    position: {\r\n                        x: box.position.x - cell.box.position.x,\r\n                        y: box.position.y + .15 - cell.box.position.y,\r\n                        z: box.position.z - cell.box.position.z,\r\n                    },\r\n                },\r\n            }\r\n\r\n        }\r\n\r\n        cells.push(cell)\r\n    }\r\n\r\n    // KLUDGE 记录数据\r\n    // console.log('copy to ../shelves-vue-demo/store/shelf?_cells.json')\r\n    console.log('cells', JSON.stringify(cells))\r\n\r\n    return cells\r\n}\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/common/BaseShelve.js?");
 
 /***/ }),
 
@@ -454,7 +465,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TexturesCache\": () => (/* binding */ TexturesCache)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n\r\n\r\nclass TexturesCache {\r\n\r\n    constructor(view) {\r\n        this.view_ = view\r\n        this.cache_ = {} // url -> {tex}\r\n    }\r\n\r\n    find(texture) {\r\n        return new Promise((resolve, reject) => {\r\n\r\n            if (texture) {\r\n\r\n                let t_url = texture.url\r\n                let f = this.cache_[t_url]\r\n                if (f) {\r\n                    if (f.tex != null) {\r\n                        resolve(f.tex)\r\n                    } else {\r\n                        f.waits_.push(() => {\r\n                            resolve()\r\n                        })\r\n                    }\r\n                } else {\r\n\r\n                    f = { tex: null, waits_: [] }\r\n                    this.cache_[t_url] = f\r\n\r\n                    new three__WEBPACK_IMPORTED_MODULE_0__.TextureLoader().load(t_url, tex => {\r\n                        tex.flipY = false\r\n                        tex.encoding = three__WEBPACK_IMPORTED_MODULE_0__.sRGBEncoding // #20220719, v3.3 fix\r\n                        f.tex = tex\r\n                        f.waits_.forEach(fi => {\r\n                            fi()\r\n                        })\r\n                        resolve(f.tex)\r\n                    }, undefined, err => {\r\n                        reject(err)\r\n                    })\r\n\r\n                }\r\n\r\n            } else {\r\n                resolve(null) // type == 1, texture 可能为null\r\n            }\r\n\r\n\r\n        })\r\n    }\r\n\r\n    dispose() {\r\n        Object.values(this.cache_).forEach(c => {\r\n            if (c.tex) {\r\n                c.tex.dispose()\r\n            }\r\n        })\r\n        // console.log('dispose texture')\r\n    }\r\n\r\n}\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/common/TexturesCache.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TexturesCache\": () => (/* binding */ TexturesCache)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n\r\n\r\nclass TexturesCache {\r\n\r\n    constructor(view) {\r\n        this.view_ = view\r\n        this.cache_ = {} // url -> {tex}\r\n    }\r\n\r\n    find(texture) {\r\n        return new Promise((resolve, reject) => {\r\n\r\n            if (texture) {\r\n\r\n                let t_url = texture.url\r\n                let f = this.cache_[t_url]\r\n                if (f) {\r\n                    if (f.tex != null) {\r\n                        resolve(f.tex)\r\n                    } else {\r\n                        f.waits_.push(() => {\r\n                            resolve()\r\n                        })\r\n                    }\r\n                } else {\r\n\r\n                    f = { tex: null, waits_: [] }\r\n                    this.cache_[t_url] = f\r\n\r\n                    new three__WEBPACK_IMPORTED_MODULE_0__.TextureLoader().load(t_url, tex => {\r\n                        tex.flipY = false\r\n                        tex.encoding = three__WEBPACK_IMPORTED_MODULE_0__.sRGBEncoding // #20220719, v3.3 fix\r\n                        f.tex = tex\r\n                        f.waits_.forEach(fi => {\r\n                            fi()\r\n                        })\r\n                        resolve(f.tex)\r\n                    }, undefined, err => {\r\n                        reject(err)\r\n                    })\r\n\r\n                }\r\n\r\n            } else {\r\n                resolve(null) // type == 1, texture 可能为null\r\n            }\r\n\r\n\r\n        })\r\n    }\r\n\r\n    dispose() {\r\n        Object.values(this.cache_).forEach(c => {\r\n            if (c.tex) {\r\n                c.tex.dispose()\r\n            }\r\n        })\r\n        // console.log('dispose texture cache')\r\n    }\r\n\r\n}\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/common/TexturesCache.js?");
+
+/***/ }),
+
+/***/ "./src/crossyo/shelves/common/TexturesCacheSp.js":
+/*!*******************************************************!*\
+  !*** ./src/crossyo/shelves/common/TexturesCacheSp.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TexturesCacheSp\": () => (/* binding */ TexturesCacheSp)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n\r\n\r\n// 策略可能不同于TextureCache\r\nclass TexturesCacheSp {\r\n\r\n    constructor(view) {\r\n        this.view_ = view\r\n        this.cache_ = {} // url -> {tex}\r\n    }\r\n\r\n    find(texture) {\r\n        return new Promise((resolve, reject) => {\r\n\r\n            if (texture) {\r\n\r\n                let t_url = texture.url\r\n                let f = this.cache_[t_url]\r\n                if (f) {\r\n                    if (f.tex != null) {\r\n                        resolve(f.tex)\r\n                    } else {\r\n                        f.waits_.push(() => {\r\n                            resolve()\r\n                        })\r\n                    }\r\n                } else {\r\n\r\n                    f = { tex: null, waits_: [] }\r\n                    this.cache_[t_url] = f\r\n\r\n                    new three__WEBPACK_IMPORTED_MODULE_0__.TextureLoader().load(t_url, tex => {\r\n                        // tex.flipY = false\r\n                        tex.encoding = three__WEBPACK_IMPORTED_MODULE_0__.sRGBEncoding // #20220719, v3.3 fix\r\n                        f.tex = tex\r\n                        f.waits_.forEach(fi => {\r\n                            fi()\r\n                        })\r\n                        resolve(f.tex)\r\n                    }, undefined, err => {\r\n                        reject(err)\r\n                    })\r\n\r\n                }\r\n\r\n            } else {\r\n                resolve(null) // type == 1, texture 可能为null\r\n            }\r\n\r\n\r\n        })\r\n    }\r\n\r\n    dispose() {\r\n        Object.values(this.cache_).forEach(c => {\r\n            if (c.tex) {\r\n                c.tex.dispose()\r\n            }\r\n        })\r\n        // console.log('dispose texture cache')\r\n    }\r\n\r\n}\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/common/TexturesCacheSp.js?");
 
 /***/ }),
 
@@ -476,7 +498,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"box3_except_shadow\": () => (/* binding */ box3_except_shadow),\n/* harmony export */   \"clone_except_ext\": () => (/* binding */ clone_except_ext),\n/* harmony export */   \"get_is_hall_\": () => (/* binding */ get_is_hall_),\n/* harmony export */   \"get_shelf_0_\": () => (/* binding */ get_shelf_0_),\n/* harmony export */   \"isMobile\": () => (/* binding */ isMobile),\n/* harmony export */   \"text_price_\": () => (/* binding */ text_price_),\n/* harmony export */   \"to_transform\": () => (/* binding */ to_transform),\n/* harmony export */   \"use_ext\": () => (/* binding */ use_ext),\n/* harmony export */   \"write_transform\": () => (/* binding */ write_transform),\n/* harmony export */   \"write_transform_cell_box\": () => (/* binding */ write_transform_cell_box),\n/* harmony export */   \"write_transform_cell_box_inherited\": () => (/* binding */ write_transform_cell_box_inherited),\n/* harmony export */   \"write_transform_cell_logo\": () => (/* binding */ write_transform_cell_logo),\n/* harmony export */   \"write_transform_cell_sign\": () => (/* binding */ write_transform_cell_sign)\n/* harmony export */ });\n/* harmony import */ var mobile_detect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! mobile-detect */ \"./node_modules/_mobile-detect@1.4.5@mobile-detect/mobile-detect.js\");\n/* harmony import */ var mobile_detect__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(mobile_detect__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n\r\n\r\n\r\n\r\nconst mobileDetect = new (mobile_detect__WEBPACK_IMPORTED_MODULE_0___default())(window.navigator.userAgent)\r\nconst isMobile = mobileDetect.mobile() != null\r\n\r\nconst to_transform = o3d => {\r\n    return {\r\n        position: o3d.position,\r\n        rotation: {\r\n            x: o3d.rotation.x,\r\n            y: o3d.rotation.y,\r\n            z: o3d.rotation.z\r\n        },\r\n        scale: o3d.scale,\r\n    }\r\n}\r\n\r\n// 使得vue可以更新\r\nconst write_transform = (o3d, obj) => {\r\n\r\n    obj.position.x = o3d.position.x\r\n    obj.position.y = o3d.position.y\r\n    obj.position.z = o3d.position.z\r\n\r\n    obj.rotation.x = o3d.rotation.x\r\n    obj.rotation.y = o3d.rotation.y\r\n    obj.rotation.z = o3d.rotation.z\r\n\r\n    obj.scale.x = o3d.scale.x\r\n    obj.scale.y = o3d.scale.y\r\n    obj.scale.z = o3d.scale.z\r\n\r\n}\r\n\r\nconst write_transform_cell_box = (o3d, obj) => {\r\n\r\n    obj.position.x = o3d.position.x\r\n    obj.position.y = o3d.position.y\r\n    obj.position.z = o3d.position.z\r\n\r\n    obj.rotation.x = o3d.rotation.x\r\n    obj.rotation.y = o3d.rotation.y\r\n    obj.rotation.z = o3d.rotation.z\r\n\r\n    obj.size.x = o3d.scale.x\r\n    obj.size.y = o3d.scale.y\r\n    obj.size.z = o3d.scale.z\r\n\r\n}\r\n\r\nconst write_transform_cell_box_inherited = (o3d, obj) => {\r\n\r\n    if (o3d.grp_hit_cell_) { // group\r\n\r\n        obj.position.x = o3d.position.x\r\n        obj.position.y = o3d.position.y\r\n        obj.position.z = o3d.position.z\r\n\r\n        obj.rotation.x = o3d.rotation.x\r\n        obj.rotation.y = o3d.rotation.y\r\n        obj.rotation.z = o3d.rotation.z\r\n\r\n    } else if (o3d.parent.grp_hit_cell_) { // box mesh\r\n\r\n        obj.size.x = o3d.scale.x\r\n        obj.size.y = o3d.scale.y\r\n        obj.size.z = o3d.scale.z\r\n        // console.log('xx size', obj.size)\r\n\r\n    } else {\r\n        console.log('xx xx')\r\n    }\r\n\r\n}\r\n\r\n\r\nconst write_transform_cell_sign = (o3d, obj) => {\r\n\r\n    obj.position.x = o3d.position.x\r\n    obj.position.y = o3d.position.y\r\n    obj.position.z = o3d.position.z\r\n\r\n    obj.rotation.x = o3d.rotation.x\r\n    obj.rotation.y = o3d.rotation.y\r\n    obj.rotation.z = o3d.rotation.z\r\n\r\n}\r\n\r\nconst write_transform_cell_logo = (o3d, obj) => {\r\n\r\n    obj.position.x = o3d.position.x\r\n    obj.position.y = o3d.position.y\r\n    obj.position.z = o3d.position.z\r\n}\r\n\r\nconst box3_except_shadow = o3d => {\r\n    let bb_c = null\r\n    o3d.traverse(c => {\r\n        if (c.isMesh && !(/\\w-shadow$/.test(c.name))) {\r\n            // console.log(c.name)\r\n            if (bb_c == null) {\r\n                bb_c = new three__WEBPACK_IMPORTED_MODULE_1__.Box3().copy(c.geometry.boundingBox)\r\n            } else {\r\n                bb_c = bb_c.union(c.geometry.boundingBox)\r\n            }\r\n        }\r\n    })\r\n    return bb_c\r\n}\r\n\r\nconst use_ext = o => {\r\n    if (!o.ext__) {\r\n        o.ext__ = {}\r\n    }\r\n    return o.ext__\r\n}\r\n\r\nconst clone_except_ext = o => {\r\n    return JSON.parse(JSON.stringify(o, (k, v) => {\r\n        if (k == 'ext__') {\r\n            return undefined\r\n        } else {\r\n            return v\r\n        }\r\n    }))\r\n}\r\n\r\nconst text_price_ = v => ` ¥${parseFloat(v).toFixed(2)}`\r\n\r\nconst get_shelf_0_ = shopData => (shopData && shopData.shelves && shopData.shelves.length) ? shopData.shelves[0] : null\r\n\r\nconst get_is_hall_ = shopData => (shopData && shopData.type == 'hall') ? true : false\r\n\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/common/util.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"activePropName_to_activeEditModeName\": () => (/* binding */ activePropName_to_activeEditModeName),\n/* harmony export */   \"append_default_shop_data_\": () => (/* binding */ append_default_shop_data_),\n/* harmony export */   \"apply_transform\": () => (/* binding */ apply_transform),\n/* harmony export */   \"box3_except_shadow\": () => (/* binding */ box3_except_shadow),\n/* harmony export */   \"clone_except_ext\": () => (/* binding */ clone_except_ext),\n/* harmony export */   \"get_is_hall_\": () => (/* binding */ get_is_hall_),\n/* harmony export */   \"get_shelf_0_\": () => (/* binding */ get_shelf_0_),\n/* harmony export */   \"isMobile\": () => (/* binding */ isMobile),\n/* harmony export */   \"text_price_\": () => (/* binding */ text_price_),\n/* harmony export */   \"to_transform\": () => (/* binding */ to_transform),\n/* harmony export */   \"use_ext\": () => (/* binding */ use_ext),\n/* harmony export */   \"write_transform\": () => (/* binding */ write_transform),\n/* harmony export */   \"write_transform_cell_box\": () => (/* binding */ write_transform_cell_box),\n/* harmony export */   \"write_transform_cell_box_inherited\": () => (/* binding */ write_transform_cell_box_inherited),\n/* harmony export */   \"write_transform_cell_logo\": () => (/* binding */ write_transform_cell_logo),\n/* harmony export */   \"write_transform_cell_sign\": () => (/* binding */ write_transform_cell_sign)\n/* harmony export */ });\n/* harmony import */ var mobile_detect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! mobile-detect */ \"./node_modules/_mobile-detect@1.4.5@mobile-detect/mobile-detect.js\");\n/* harmony import */ var mobile_detect__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(mobile_detect__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n\r\n\r\n\r\n\r\nconst mobileDetect = new (mobile_detect__WEBPACK_IMPORTED_MODULE_0___default())(window.navigator.userAgent)\r\nconst isMobile = mobileDetect.mobile() != null\r\n\r\nconst to_transform = o3d => {\r\n    return {\r\n        position: o3d.position,\r\n        rotation: {\r\n            x: o3d.rotation.x,\r\n            y: o3d.rotation.y,\r\n            z: o3d.rotation.z\r\n        },\r\n        scale: o3d.scale,\r\n    }\r\n}\r\n\r\nconst apply_transform = (o3d, obj) => {\r\n\r\n    let p = obj.position\r\n    o3d.position.set(p.x, p.y, p.z)\r\n\r\n    let r = obj.rotation\r\n    o3d.rotation.set(r.x, r.y, r.z)\r\n\r\n    let s = obj.scale\r\n    o3d.scale.set(s.x, s.y, s.z)\r\n\r\n}\r\n\r\n// 使得vue可以更新\r\nconst write_transform = (o3d, obj) => {\r\n\r\n    obj.position.x = o3d.position.x\r\n    obj.position.y = o3d.position.y\r\n    obj.position.z = o3d.position.z\r\n\r\n    obj.rotation.x = o3d.rotation.x\r\n    obj.rotation.y = o3d.rotation.y\r\n    obj.rotation.z = o3d.rotation.z\r\n\r\n    obj.scale.x = o3d.scale.x\r\n    obj.scale.y = o3d.scale.y\r\n    obj.scale.z = o3d.scale.z\r\n\r\n}\r\n\r\nconst write_transform_cell_box = (o3d, obj) => {\r\n\r\n    obj.position.x = o3d.position.x\r\n    obj.position.y = o3d.position.y\r\n    obj.position.z = o3d.position.z\r\n\r\n    obj.rotation.x = o3d.rotation.x\r\n    obj.rotation.y = o3d.rotation.y\r\n    obj.rotation.z = o3d.rotation.z\r\n\r\n    obj.size.x = o3d.scale.x\r\n    obj.size.y = o3d.scale.y\r\n    obj.size.z = o3d.scale.z\r\n\r\n}\r\n\r\nconst write_transform_cell_box_inherited = (o3d, obj) => {\r\n\r\n    if (o3d.grp_hit_cell_) { // group\r\n\r\n        obj.position.x = o3d.position.x\r\n        obj.position.y = o3d.position.y\r\n        obj.position.z = o3d.position.z\r\n\r\n        obj.rotation.x = o3d.rotation.x\r\n        obj.rotation.y = o3d.rotation.y\r\n        obj.rotation.z = o3d.rotation.z\r\n\r\n    } else if (o3d.parent.grp_hit_cell_) { // box mesh\r\n\r\n        obj.size.x = o3d.scale.x\r\n        obj.size.y = o3d.scale.y\r\n        obj.size.z = o3d.scale.z\r\n        // console.log('xx size', obj.size)\r\n\r\n    } else {\r\n        console.log('xx xx')\r\n    }\r\n\r\n}\r\n\r\n\r\nconst write_transform_cell_sign = (o3d, obj) => {\r\n\r\n    obj.position.x = o3d.position.x\r\n    obj.position.y = o3d.position.y\r\n    obj.position.z = o3d.position.z\r\n\r\n    obj.rotation.x = o3d.rotation.x\r\n    obj.rotation.y = o3d.rotation.y\r\n    obj.rotation.z = o3d.rotation.z\r\n\r\n}\r\n\r\nconst write_transform_cell_logo = (o3d, obj) => {\r\n\r\n    obj.position.x = o3d.position.x\r\n    obj.position.y = o3d.position.y\r\n    obj.position.z = o3d.position.z\r\n}\r\n\r\nconst box3_except_shadow = o3d => {\r\n    let bb_c = null\r\n    o3d.traverse(c => {\r\n        if (c.isMesh && !(/\\w-shadow$/.test(c.name))) {\r\n            // console.log(c.name)\r\n            if (bb_c == null) {\r\n                bb_c = new three__WEBPACK_IMPORTED_MODULE_1__.Box3().copy(c.geometry.boundingBox)\r\n            } else {\r\n                bb_c = bb_c.union(c.geometry.boundingBox)\r\n            }\r\n        }\r\n    })\r\n    return bb_c\r\n}\r\n\r\nconst use_ext = o => {\r\n    if (!o.ext__) {\r\n        o.ext__ = {}\r\n    }\r\n    return o.ext__\r\n}\r\n\r\nconst clone_except_ext = o => {\r\n    return JSON.parse(JSON.stringify(o, (k, v) => {\r\n        if (k == 'ext__') {\r\n            return undefined\r\n        } else {\r\n            return v\r\n        }\r\n    }))\r\n}\r\n\r\nconst text_price_ = v => ` ¥${parseFloat(v).toFixed(2)}`\r\n\r\nconst get_shelf_0_ = shopData => (shopData && shopData.shelves && shopData.shelves.length) ? shopData.shelves[0] : null\r\n\r\nconst get_is_hall_ = shopData => (shopData && shopData.type == 'hall') ? true : false\r\n\r\nconst map_prop_edit = {\r\n    'panorama': 'panorama',\r\n    'shelf': 'trans-obj',\r\n    'ware': 'pick-cell',\r\n}\r\n\r\nconst activePropName_to_activeEditModeName = n => {\r\n    let ret = map_prop_edit[n]\r\n    return ret ? ret : 'nop'\r\n}\r\n\r\nconst append_default_shop_data_ = d => {\r\n    console.log('append default shop data', d)\r\n\r\n    // #20221219, 合并arrangement造成缺少默認值\r\n\r\n    d.shelves.forEach(shelf=>{\r\n        shelf.cells.forEach(cell=>{\r\n            if (!cell.hasOwnProperty('pileNumber')) {\r\n                cell.pileNumber = 2\r\n            }\r\n            if (!cell.hasOwnProperty('pileRotationY')) {\r\n                cell.pileRotationY = 0\r\n            }\r\n        })\r\n    })\r\n\r\n    return d\r\n}\r\n\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/common/util.js?");
 
 /***/ }),
 
@@ -487,7 +509,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BaseEditor\": () => (/* binding */ BaseEditor)\n/* harmony export */ });\n/* harmony import */ var _viewer_HallShelvesViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../viewer/HallShelvesViewer */ \"./src/crossyo/shelves/viewer/HallShelvesViewer.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var _common_prefab__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/prefab */ \"./src/crossyo/shelves/common/prefab.js\");\n/* harmony import */ var kutsi_util_SceneUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! kutsi/util/SceneUtil */ \"./src-kutsi/crossyo/kutsi/util/SceneUtil.js\");\n\r\n\r\n\r\n\r\n\r\n\r\nclass BaseEditor extends _viewer_HallShelvesViewer__WEBPACK_IMPORTED_MODULE_0__.HallShelvesViewer {\r\n\r\n    constructor(opts) {\r\n        super(opts)\r\n\r\n        this.use_grid__ = true\r\n        this.isViewer__ = false\r\n\r\n        this.active_selected_o3d__ = null\r\n\r\n        // this.active_selected_box__.visible = false\r\n\r\n        this.rel_prop_ = this.is_hall__ ? 'hall' : 'panorama'\r\n        // panorama|hall, shelf, ware, schema\r\n    }\r\n\r\n    beginLoadSpecs() {\r\n        let arr = super.beginLoadSpecs()\r\n        arr.push({\r\n            func: 'setupCustomization', param: {\r\n                onDoing: next => {\r\n                    this.prefab__ = _common_prefab__WEBPACK_IMPORTED_MODULE_1__.prefab.setup(next)\r\n                }\r\n            }\r\n        })\r\n        return arr\r\n    }\r\n\r\n    active_selected_(o3d) {\r\n\r\n        if (!this.active_selected_box__) {\r\n            this.active_selected_box__ = new three__WEBPACK_IMPORTED_MODULE_3__.Object3D()\r\n            this.active_selected_box__.add(new three__WEBPACK_IMPORTED_MODULE_3__.Box3Helper(new three__WEBPACK_IMPORTED_MODULE_3__.Box3()))\r\n            this.scene_.add(this.active_selected_box__)\r\n        }\r\n\r\n        // console.log('active_selected_', o3d)\r\n\r\n        this.active_selected_o3d__ = o3d\r\n        if (o3d) {\r\n            this.active_selected_box__.visible = true\r\n\r\n            // { // global \r\n            //     let box = new Box3().expandByObject(o3d)\r\n            //     this.active_selected_box__.box = box\r\n            //     this.active_selected_box__.updateMatrixWorld(true)\r\n            // }\r\n\r\n            { // local, #20220620\r\n                let box = (0,kutsi_util_SceneUtil__WEBPACK_IMPORTED_MODULE_2__.local_box3)(o3d)\r\n                if (box) {\r\n                    this.active_selected_box__.children[0].box = box\r\n                    o3d.updateWorldMatrix(true, false)\r\n                    o3d.matrixWorld.decompose(\r\n                        this.active_selected_box__.position,\r\n                        this.active_selected_box__.quaternion,\r\n                        this.active_selected_box__.scale\r\n                    )\r\n                }\r\n            }\r\n\r\n\r\n        } else {\r\n            this.active_selected_box__.visible = false\r\n        }\r\n\r\n    }\r\n\r\n    // #20221215\r\n    relProp(v) {\r\n\r\n        console.log('rel prop:', v)\r\n    }\r\n\r\n}\r\n\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/BaseEditor.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BaseEditor\": () => (/* binding */ BaseEditor)\n/* harmony export */ });\n/* harmony import */ var _viewer_HallShelvesViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../viewer/HallShelvesViewer */ \"./src/crossyo/shelves/viewer/HallShelvesViewer.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var _common_prefab__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/prefab */ \"./src/crossyo/shelves/common/prefab.js\");\n/* harmony import */ var kutsi_util_SceneUtil__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! kutsi/util/SceneUtil */ \"./src-kutsi/crossyo/kutsi/util/SceneUtil.js\");\n\r\n\r\n\r\n\r\n\r\n\r\nclass BaseEditor extends _viewer_HallShelvesViewer__WEBPACK_IMPORTED_MODULE_0__.HallShelvesViewer {\r\n\r\n    constructor(opts) {\r\n        super(opts)\r\n\r\n        this.use_grid__ = true\r\n        this.isViewer__ = false\r\n\r\n        this.active_selected_o3d__ = null\r\n\r\n        // this.active_selected_box__.visible = false\r\n\r\n    }\r\n\r\n    beginLoadSpecs() {\r\n\r\n        let arr = super.beginLoadSpecs()\r\n        arr.push({\r\n            func: 'setupCustomization', param: {\r\n                onDoing: next => {\r\n                    this.prefab__ = _common_prefab__WEBPACK_IMPORTED_MODULE_1__.prefab.setup(next)\r\n                }\r\n            }\r\n        })\r\n        return arr\r\n    }\r\n\r\n    active_selected_(o3d) {\r\n\r\n        if (!this.active_selected_box__) {\r\n            this.active_selected_box__ = new three__WEBPACK_IMPORTED_MODULE_3__.Object3D()\r\n            this.active_selected_box__.add(new three__WEBPACK_IMPORTED_MODULE_3__.Box3Helper(new three__WEBPACK_IMPORTED_MODULE_3__.Box3()))\r\n            this.scene_.add(this.active_selected_box__)\r\n        }\r\n\r\n        // console.log('active_selected_', o3d)\r\n\r\n        this.active_selected_o3d__ = o3d\r\n        if (o3d) {\r\n            this.active_selected_box__.visible = true\r\n\r\n            // { // global \r\n            //     let box = new Box3().expandByObject(o3d)\r\n            //     this.active_selected_box__.box = box\r\n            //     this.active_selected_box__.updateMatrixWorld(true)\r\n            // }\r\n\r\n            { // local, #20220620\r\n                let box = (0,kutsi_util_SceneUtil__WEBPACK_IMPORTED_MODULE_2__.local_box3)(o3d)\r\n                if (box) {\r\n                    this.active_selected_box__.children[0].box = box\r\n                    o3d.updateWorldMatrix(true, false)\r\n                    o3d.matrixWorld.decompose(\r\n                        this.active_selected_box__.position,\r\n                        this.active_selected_box__.quaternion,\r\n                        this.active_selected_box__.scale\r\n                    )\r\n                }\r\n            }\r\n\r\n\r\n        } else {\r\n            this.active_selected_box__.visible = false\r\n        }\r\n\r\n    }\r\n\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/BaseEditor.js?");
+
+/***/ }),
+
+/***/ "./src/crossyo/shelves/editor/EditModeEditor.js":
+/*!******************************************************!*\
+  !*** ./src/crossyo/shelves/editor/EditModeEditor.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"EditModeEditor\": () => (/* binding */ EditModeEditor)\n/* harmony export */ });\n/* harmony import */ var _BaseEditor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BaseEditor */ \"./src/crossyo/shelves/editor/BaseEditor.js\");\n/* harmony import */ var _editmode_NopEditMode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./editmode/NopEditMode */ \"./src/crossyo/shelves/editor/editmode/NopEditMode.js\");\n/* harmony import */ var _editmode_PanoramaEditMode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./editmode/PanoramaEditMode */ \"./src/crossyo/shelves/editor/editmode/PanoramaEditMode.js\");\n/* harmony import */ var _editmode_TransObjEditMode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./editmode/TransObjEditMode */ \"./src/crossyo/shelves/editor/editmode/TransObjEditMode.js\");\n/* harmony import */ var _editmode_PickCellEditMode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./editmode/PickCellEditMode */ \"./src/crossyo/shelves/editor/editmode/PickCellEditMode.js\");\n\r\n\r\n\r\n// -----------------------------------------------------------------------------\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst edit_mode_class_ = {\r\n    'nop':_editmode_NopEditMode__WEBPACK_IMPORTED_MODULE_1__.NopEditMode,\r\n    'panorama': _editmode_PanoramaEditMode__WEBPACK_IMPORTED_MODULE_2__.PanoramaEditMode,\r\n    'trans-obj': _editmode_TransObjEditMode__WEBPACK_IMPORTED_MODULE_3__.TransObjEditMode,\r\n    'pick-cell': _editmode_PickCellEditMode__WEBPACK_IMPORTED_MODULE_4__.PickCellEditMode,\r\n}\r\n\r\nconst create_edit_mode_by_name_ = (name, viewer) => {\r\n    let clazz = edit_mode_class_[name]\r\n    if (clazz) {\r\n        return new clazz(viewer)\r\n    } else {\r\n        console.warn('## create_edit_mode_by_name_ unknow name', name)\r\n    }\r\n}\r\n\r\n// -----------------------------------------------------------------------------\r\n\r\nclass EditModeEditor extends _BaseEditor__WEBPACK_IMPORTED_MODULE_0__.BaseEditor {\r\n\r\n    constructor(opts) {\r\n        super(opts)\r\n    }\r\n\r\n    // beginLoadSpecs() {\r\n    //     return super.beginLoadSpecs()\r\n    // }\r\n\r\n    endLoadSpecs() {\r\n        if (!this.is_hall__) {\r\n            this.create_cms_for_pano_editor_()\r\n        } else {\r\n            this.create_cms_for_hall_editor_()\r\n        }\r\n\r\n        this.em__ = create_edit_mode_by_name_(this.opts_.activeEditModeName, this)\r\n        this.em__.enter()\r\n    }\r\n\r\n    // #20221215, from activePropName: panorama, hall, shelf, ware, ..\r\n    set activeEditModeName(v) {\r\n        // console.log('## activeEditModeName:', v)\r\n        if (this.em__.name != v) {\r\n            this.em__.leave()\r\n            //\r\n            this.em__ = create_edit_mode_by_name_(v, this)\r\n            //\r\n            this.em__.enter()\r\n        }\r\n    }\r\n\r\n    changeViewMode(mode, changeByIndirectReason = false) {\r\n        if (this.em__) {\r\n            this.em__.changeViewMode(mode, changeByIndirectReason)\r\n        }\r\n    }\r\n    \r\n    updateAction(action) {\r\n        if (this.em__) {\r\n            console.log('EME update action', action)\r\n            this.em__.updateAction(action)\r\n        }\r\n    }\r\n\r\n\r\n}\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/EditModeEditor.js?");
 
 /***/ }),
 
@@ -498,18 +531,62 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ShopHallEditor\": () => (/* binding */ ShopHallEditor)\n/* harmony export */ });\n/* harmony import */ var _ShopPanoEditor___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ShopPanoEditor_ */ \"./src/crossyo/shelves/editor/ShopPanoEditor_.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n\r\n\r\n\r\n\r\n\r\nclass ShopHallEditor extends _ShopPanoEditor___WEBPACK_IMPORTED_MODULE_0__.ShopPanoEditor_ {\r\n\r\n    constructor(opts) {\r\n\r\n        super(Object.assign(opts, {\r\n            is_hall__: (0,_common_util__WEBPACK_IMPORTED_MODULE_1__.get_is_hall_)(opts.shopData),\r\n        }))\r\n\r\n    }\r\n\r\n\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/ShopHallEditor.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ShopHallEditor\": () => (/* binding */ ShopHallEditor)\n/* harmony export */ });\n/* harmony import */ var _EditModeEditor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EditModeEditor */ \"./src/crossyo/shelves/editor/EditModeEditor.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n\r\n\r\n// import { ShopPanoEditor_ } from './ShopPanoEditor_'\r\n\r\n\r\n\r\n// export class ShopHallEditor extends ShopPanoEditor_ {\r\n\r\n//     constructor(opts) {\r\n\r\n//         super(Object.assign(opts, {\r\n//             is_hall__: get_is_hall_(opts.shopData),\r\n//         }))\r\n\r\n//     }\r\n\r\n// }\r\n\r\nclass ShopHallEditor extends _EditModeEditor__WEBPACK_IMPORTED_MODULE_0__.EditModeEditor {\r\n\r\n    constructor(opts) {\r\n\r\n        super(Object.assign(opts, {\r\n            is_hall__: (0,_common_util__WEBPACK_IMPORTED_MODULE_1__.get_is_hall_)(opts.shopData),\r\n        }))\r\n\r\n    }\r\n\r\n    commitToShopData() {\r\n        // console.log('commitToShopData...')\r\n        // if (this.mesh_shelf__) {\r\n        //     this.shopData_.scene = {\r\n        //         shelf: {\r\n        //             position: this.mesh_shelf__.position,\r\n        //             rotation: {\r\n        //                 x: this.mesh_shelf__.rotation.x,\r\n        //                 y: this.mesh_shelf__.rotation.y,\r\n        //                 z: this.mesh_shelf__.rotation.z\r\n        //             },\r\n        //         }\r\n        //     }\r\n        // }\r\n    }\r\n\r\n}\r\n\r\n// -----------------------------------------------------------------------------\r\n\r\nconst SHELF_POSITION = { x: 2.7, y: -1, z: 0 }\r\nconst SHELF_ROTATION = { x: 0, y: - Math.PI / 2, z: 0 }\r\nconst SHELF_SCALE = { x: 1, y: 1, z: 1 }\r\n\r\n// 从外部选择时添加默认值\r\n// ShopPanoEditor_.appendDefaultShelfData = shelf => {\r\nShopHallEditor.appendDefaultShelfData = shelf => {\r\n    shelf.position = SHELF_POSITION\r\n    shelf.rotation = SHELF_ROTATION\r\n    shelf.scale = SHELF_SCALE\r\n    return shelf\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/ShopHallEditor.js?");
 
 /***/ }),
 
-/***/ "./src/crossyo/shelves/editor/ShopPanoEditor_.js":
-/*!*******************************************************!*\
-  !*** ./src/crossyo/shelves/editor/ShopPanoEditor_.js ***!
-  \*******************************************************/
+/***/ "./src/crossyo/shelves/editor/editmode/EditModeBase.js":
+/*!*************************************************************!*\
+  !*** ./src/crossyo/shelves/editor/editmode/EditModeBase.js ***!
+  \*************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ShopPanoEditor_\": () => (/* binding */ ShopPanoEditor_)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var three_examples_jsm_controls_TransformControls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! three/examples/jsm/controls/TransformControls */ \"./node_modules/_three@0.139.2@three/examples/jsm/controls/TransformControls.js\");\n/* harmony import */ var _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/BaseShelve */ \"./src/crossyo/shelves/common/BaseShelve.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n/* harmony import */ var _BaseEditor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BaseEditor */ \"./src/crossyo/shelves/editor/BaseEditor.js\");\n/* harmony import */ var _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../viewer/ViewModeBaseViewer */ \"./src/crossyo/shelves/viewer/ViewModeBaseViewer.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst DEBUG = false // true\r\n\r\nconst trans_axes_ = (trans, arr) => {\r\n    trans.showX = arr[0]\r\n    trans.showY = arr[1]\r\n    trans.showZ = arr[2]\r\n}\r\n\r\nconst axes_def_ = {\r\n    'translate-shelf': trans => { trans_axes_(trans, [true, false, true]) },\r\n    'translate-box': trans => { trans_axes_(trans, [true, true, true]) },\r\n    'translate-sign': trans => { trans_axes_(trans, [true, true, true]) },\r\n    'translate-logo': trans => { trans_axes_(trans, [true, true, true]) },\r\n\r\n    'rotate-shelf': trans => { trans_axes_(trans, [false, true, false]) },\r\n    'rotate-box': trans => { trans_axes_(trans, [false, true, false]) },\r\n    'rotate-sign': trans => { trans_axes_(trans, [false, true, false]) },\r\n\r\n    // resize\r\n    'scale-box': trans => { trans_axes_(trans, [true, true, true]) },\r\n}\r\n\r\nconst update_control_trans_axes__ = trans => {\r\n    let mode = trans.mode\r\n    let obj = trans.object\r\n    let obj_type = ''\r\n    if (obj.hit_) {\r\n        obj_type = obj.hit_.type\r\n    } else if (obj.grp_hit_cell_) {\r\n        obj_type = 'box'\r\n    } else if (obj.name == 'shelf__') {\r\n        obj_type = 'shelf'\r\n    }\r\n    let key = `${mode}-${obj_type}`\r\n    // console.log(key)\r\n    let f = axes_def_[key]\r\n    if (f) {\r\n        f(trans)\r\n    }\r\n\r\n    if (obj_type == 'box') {\r\n        if (mode == 'scale') {\r\n            // console.log('scale-box', obj)\r\n            if (obj.grp_hit_cell_) {\r\n                let box = obj.children.filter(c => c.hit_ && c.hit_.type == 'box')[0]\r\n                if (box) {\r\n                    trans.attach(box)\r\n                }\r\n            }\r\n        } else {\r\n            if (!obj.grp_hit_cell_ && obj.parent.grp_hit_cell_) {\r\n                trans.attach(obj.parent)\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n\r\n\r\nclass ShopPanoEditor_ extends _BaseEditor__WEBPACK_IMPORTED_MODULE_3__.BaseEditor {\r\n\r\n    constructor(opts) {\r\n        super(opts)\r\n\r\n    }\r\n\r\n    startup() {\r\n        super.startup()\r\n    }\r\n\r\n    endLoadSpecs() {\r\n        // super.endLoadSpecs() // 不执行 viewer 的 endLoadSpecs\r\n\r\n        this.create_cms_for_pano_editor_()\r\n\r\n        this.after_add_shelf__()\r\n\r\n        this.picker_.on('downPick', e => {\r\n            // console.log('downPick', e)\r\n            // if (!this.control_.enabled) {\r\n            //     return\r\n            // }\r\n\r\n            // console.log(this.control_trans__.axis)\r\n            if (this.control_trans__.axis) { // control trans 优先级更高\r\n                return\r\n            }\r\n\r\n            if (e.int0) {\r\n                let object = e.int0.object\r\n                let hit_ = object.hit_\r\n                if (hit_.type == 'shelf') {\r\n                    // this.control_trans__.detach()\r\n                    this.control_trans__.mode = 'translate'\r\n                    this.control_trans__.attach(this.mesh_shelf__)\r\n                    update_control_trans_axes__(this.control_trans__)\r\n\r\n                    if (DEBUG) {\r\n                        this.active_selected_(object)\r\n                    }\r\n\r\n                    if (this.viewMode__ == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.ORBIT) {\r\n                        this.orbit_update_for_(object)\r\n                    }\r\n\r\n                    this.shopData_.ext__.selectedShelf = true\r\n                    this.shopData_.ext__.selectedCell = null\r\n\r\n                } else if (hit_.type == 'box'\r\n                    || hit_.type == 'sign'\r\n                    || hit_.type == 'logo'\r\n                ) {\r\n                    // this.control_trans__.detach()\r\n                    this.control_trans__.showY = true\r\n\r\n                    if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.STANDALONE) {\r\n\r\n                        this.control_trans__.mode = 'translate'\r\n                        this.control_trans__.attach(object)\r\n                        update_control_trans_axes__(this.control_trans__)\r\n\r\n                    } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.INHERITED) {\r\n\r\n                        this.control_trans__.mode = 'translate'\r\n                        if (hit_.type == 'box') {\r\n                            this.control_trans__.attach(object.parent) // grp cell\r\n                        } else {\r\n                            this.control_trans__.attach(object)\r\n                        }\r\n                        update_control_trans_axes__(this.control_trans__)\r\n\r\n                    }\r\n\r\n                    if (DEBUG) {\r\n                        this.active_selected_(object)\r\n                    }\r\n\r\n                    // console.log(hit_)\r\n                    this.shopData_.ext__.selectedShelf = false\r\n                    this.shopData_.ext__.selectedCell = hit_.cell\r\n                    this.shopData_.ext__.selectedCellSubName = hit_.type\r\n\r\n                    // this.changeViewMode(VIEW_MODE.ORBIT)\r\n                    if (this.viewMode__ == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.ORBIT) {\r\n                        if (hit_.type == 'box') {\r\n                            this.orbit_update_for_(object)\r\n                        } else {\r\n                            this.orbit_update_for_(object.parent)\r\n                        }\r\n                    }\r\n\r\n                }\r\n\r\n            } else {\r\n\r\n                if (DEBUG) {\r\n                    this.active_selected_(null)\r\n                }\r\n\r\n                this.control_trans__.detach()\r\n                this.controls_.enabled = true\r\n\r\n                // this.changeViewMode(VIEW_MODE.PANORAMA)\r\n\r\n                this.shopData_.ext__.selectedShelf = false\r\n                this.shopData_.ext__.selectedCell = null\r\n\r\n            }\r\n\r\n\r\n        })\r\n\r\n        this.control_trans__ = new three_examples_jsm_controls_TransformControls__WEBPACK_IMPORTED_MODULE_0__.TransformControls(this.camera_, this.renderer_.domElement)\r\n        // console.log(this.control_trans__)\r\n        this.control_trans__.space = 'local'\r\n\r\n        // this.control_trans__.addEventListener('change', )\r\n        this.control_trans__.addEventListener('dragging-changed', e => {\r\n            this.controls_.enabled = !e.value\r\n        })\r\n        this.control_trans__.addEventListener('objectChange', e => {\r\n            // console.log(e, e.target)\r\n            let obj = this.control_trans__.object\r\n            if (obj == this.mesh_shelf__) {\r\n                (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform)(obj, (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.get_shelf_0_)(this.shopData_))\r\n            } else if (obj.grp_hit_cell_) { // group (translate, rotate)\r\n                (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform_cell_box_inherited)(obj, obj.grp_hit_cell_.box)\r\n            } else {\r\n                let hit_ = obj.hit_\r\n                if (hit_) {\r\n                    if (hit_.type == 'box') {\r\n                        if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.STANDALONE) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform_cell_box)(obj, hit_.cell.box)\r\n                        } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.INHERITED) { // \r\n\r\n                            // group / box mesh (scale) -> resize\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform_cell_box_inherited)(obj, obj.parent.grp_hit_cell_.box)\r\n\r\n                        }\r\n                    } else if (hit_.type == 'sign') {\r\n                        if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.STANDALONE) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform_cell_sign)(obj, hit_.cell.sign)\r\n                        } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.INHERITED) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform_cell_sign)(obj, hit_.cell.box.child.sign)\r\n                        }\r\n                    } else if (hit_.type == 'logo') {\r\n                        if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.STANDALONE) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform_cell_logo)(obj, hit_.cell.logo)\r\n                        } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.INHERITED) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform_cell_logo)(obj, hit_.cell.box.child.logo)\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        })\r\n        this.scene_.add(this.control_trans__)\r\n\r\n        // this.control_trans__.showY = false\r\n\r\n        {\r\n            this.keydown_615__ = event => {\r\n                // console.log(event)\r\n                if (event.keyCode == 27) {\r\n                    this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.PANORAMA)\r\n                    this.control_trans__.detach()\r\n                }\r\n            }\r\n            window.addEventListener('keydown', this.keydown_615__)\r\n        }\r\n\r\n\r\n        this.emit('loadingCompletion')\r\n    }\r\n\r\n    changeViewMode(mode, changeByIndirectReason = false) {\r\n        this.changeViewMode_(mode, changeByIndirectReason, () => {\r\n            if (mode == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.PANORAMA) {\r\n                // this.controls_.object.position.set(0, 0, 0)\r\n                // this.controls_.target = this.DEFAULT_TARGET__\r\n                this.controls_.reset()\r\n\r\n            } else if (mode == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.ORBIT) {\r\n                this.controls_.target = this.DEFAULT_TARGET__\r\n                if (this.control_trans__ && this.control_trans__.object) {\r\n                    this.orbit_update_for_(this.control_trans__.object, true)\r\n                } else {\r\n                    this.orbit_update_for_(this.mesh_shelf__, true)\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n    updateAction(action) {\r\n\r\n        // console.log('# updateAction', action)\r\n\r\n        if (action.action == 'updatePanorama') {\r\n            // console.log('## updatePanorama', this.shopData_)\r\n\r\n            this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.PANORAMA, true)\r\n\r\n            let tex = this.scene_.environment\r\n            if (tex) {\r\n                // this.scene_.background = new Color(0xeeeeee)\r\n\r\n                // this.scene_.children.filter(c=>c.name == 'sys-env-sphere-')[0].removeFromParent()\r\n                this.mesh_env_sphere__.removeFromParent()\r\n                this.mesh_env_sphere__ = null\r\n\r\n                this.scene_.environment = null\r\n                tex.dispose()\r\n            }\r\n\r\n            if (this.shopData_.panorama) {\r\n\r\n                let panorama_shelf_exr = this.shopData_.panorama.urlShelfExr\r\n                let arr = [{\r\n                    func: 'setupEnvEquirect', param: {\r\n                        url: `${this.get_panorama_url_(this.shopData_.panorama)}`,\r\n                        onAfter: tex => {\r\n                            // this.scene_.background = tex\r\n\r\n                            let sp = new three__WEBPACK_IMPORTED_MODULE_5__.Mesh(\r\n                                this.geo_env_sphere__,\r\n                                new three__WEBPACK_IMPORTED_MODULE_5__.MeshStandardMaterial({\r\n                                    map: tex,\r\n                                    side: three__WEBPACK_IMPORTED_MODULE_5__.BackSide,\r\n                                    // wireframe: true,\r\n                                    fog: false,\r\n                                    // displacementScale: -env_.radius * .992,\r\n                                    // displacementMap: new TextureLoader().load(`${this.prefixAsset_}/env/equirect/${env_.code}-zdepth-1k.png`),\r\n                                    envMap: this.w256_,\r\n                                    // envMapIntensity: 2,\r\n                                })\r\n                            )\r\n                            sp.scale.set(1, 1, -1)\r\n                            sp.name = 'sys-env-sphere-'\r\n                            this.scene_.add(sp)\r\n\r\n                            this.mesh_env_sphere__ = sp\r\n                            this.mesh_env_sphere__.rotation.y = this.shopData_.panorama.rotationY * Math.PI / 180\r\n\r\n                            if (!panorama_shelf_exr) {\r\n                                this.scene_.environment = tex\r\n                            }\r\n\r\n                        }\r\n                    }\r\n                }]\r\n\r\n                if (panorama_shelf_exr) {\r\n                    arr.push({\r\n                        func: 'setupEnvEquirect', param: {\r\n                            url: `${panorama_shelf_exr}`,\r\n                            onAfter: tex => {\r\n                                this.scene_.environment = tex\r\n                            }\r\n                        }\r\n                    })\r\n                }\r\n\r\n                this.build_specs__(arr).then(() => {\r\n                    //\r\n                })\r\n\r\n            } else {\r\n                // remove!\r\n            }\r\n        } else if (action.action == 'updatePanoramaRotationY') {\r\n\r\n            this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.PANORAMA, true)\r\n\r\n            if (this.mesh_env_sphere__) {\r\n                this.mesh_env_sphere__.rotation.y = this.shopData_.panorama.rotationY * Math.PI / 180\r\n            }\r\n        } else if (action.action == 'updatePanoramaMultiply') {\r\n\r\n            this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.PANORAMA, true)\r\n\r\n\r\n        } else if (action.action == 'updateShelf') {\r\n\r\n            this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.PANORAMA, true)\r\n\r\n            // remove!\r\n            if (this.mesh_shelf__) {\r\n\r\n                this.control_trans__.detach()\r\n                this.controls_.enabled = true\r\n\r\n                // \r\n\r\n                // TODO dispose!\r\n\r\n                this.mesh_shelf__.removeFromParent()\r\n                this.mesh_shelf__ = null\r\n\r\n            }\r\n\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.get_shelf_0_)(this.shopData_)\r\n            if (shelf0 && shelf0.url) {\r\n\r\n                let shelf_url = shelf0.url\r\n                this.build_specs__([{\r\n                    func: 'setupModelGltf', param: {\r\n                        path: shelf_url.substr(0, shelf_url.lastIndexOf('/')),\r\n                        name: shelf_url.substr(shelf_url.lastIndexOf('/')),\r\n                        onAfter: o3d => {\r\n\r\n                            o3d.traverse(c => {\r\n                                if (c.isMesh) {\r\n                                    if (c.material.aoMap) {\r\n                                        c.material.lightMap = c.material.aoMap\r\n                                        // c.material.aoMap = null\r\n                                        c.material.lightMapIntensity = .5\r\n                                    }\r\n                                    c.material.side = three__WEBPACK_IMPORTED_MODULE_5__.FrontSide\r\n                                }\r\n                                // 兼容 v1\r\n                                if (/^box-\\d-\\d/.test(c.name)) {\r\n                                    c.visible = false\r\n                                }\r\n                            })\r\n\r\n                            o3d.rotation.set(0, - Math.PI / 2, 0)\r\n                            o3d.position.set(2.7, -1, 0)\r\n\r\n                            this.scene_.add(o3d)\r\n\r\n                            this.mesh_shelf__ = o3d\r\n\r\n                            // .$model__ = o3d\r\n                            // this.shopData_.shelf.get_model__ = () => {\r\n                            //     return o3d\r\n                            // }\r\n\r\n                            // this.control_trans__.detach()\r\n\r\n                            this.control_trans__.mode = 'translate'\r\n                            this.control_trans__.attach(this.mesh_shelf__)\r\n                            update_control_trans_axes__(this.control_trans__)\r\n\r\n                            // { // TEMP for v1 to v3, 解些老的数据，并且生成新的cells数据，copy to store/shelves 列表中\r\n                            // this.shopData_.shelf.cells = parse_v3_cells_from_v1_shelf_model_(o3d)\r\n                            // }\r\n\r\n                            this.after_add_shelf__()\r\n\r\n                            ;(0,_common_util__WEBPACK_IMPORTED_MODULE_2__.write_transform)(o3d, shelf0)\r\n\r\n                        }\r\n                    }\r\n                }])\r\n\r\n            } else {\r\n\r\n                // remove\r\n                this.control_trans__.detach()\r\n\r\n            }\r\n\r\n        } else if (action.action == 'deleteCell') {\r\n\r\n            // console.log('delete cell', action)\r\n            this.control_trans__.detach()\r\n            this.controls_.enabled = true\r\n\r\n            // c.hit_.type == 'box'\r\n            // this.mesh_shelf__.children.filter(c => (c.hit_ && c.hit_.cell == action.cell)).forEach(c => {\r\n            //     // let removed = \r\n            //     this.picker_.spliceHit(c)\r\n            //     // console.log('removed', removed)\r\n            //     c.removeFromParent()\r\n            // })\r\n\r\n            let subs = action.cell.getSubs()\r\n            if (subs.sign) {\r\n                this.picker_.spliceHit(subs.sign)\r\n                subs.sign.removeFromParent()\r\n            }\r\n            if (subs.logo) {\r\n                this.picker_.spliceHit(subs.logo)\r\n                subs.logo.removeFromParent()\r\n            }\r\n            this.picker_.spliceHit(subs.box)\r\n            subs.box.removeFromParent()\r\n\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.get_shelf_0_)(this.shopData_)\r\n            shelf0.cells.splice(action.idx, 1)\r\n\r\n        } else if (action.action == 'addCell') {\r\n\r\n            if (!this.mesh_shelf__) {\r\n                console.warn('需要首先有个货架！')\r\n                return\r\n            }\r\n\r\n            // console.log('add cell')\r\n\r\n            let bbx = new three__WEBPACK_IMPORTED_MODULE_5__.Box3().expandByObject(this.mesh_shelf__)\r\n            let cnt = bbx.getCenter(new three__WEBPACK_IMPORTED_MODULE_5__.Vector3())\r\n            let size = bbx.getSize(new three__WEBPACK_IMPORTED_MODULE_5__.Vector3())\r\n\r\n            // this.mesh_shelf__.add()\r\n            let spos = this.mesh_shelf__.position\r\n            // console.log(cnt, size, spos)\r\n\r\n            let cell = {\r\n                name: '?-?',\r\n                box: {\r\n                    // x 向前一些\r\n                    position: { x: 0, y: cnt.y + size.y / 2 - spos.y, z: .45 },\r\n                    scale: { x: 1, y: 1, z: 1 },\r\n                    rotation: { x: 0, y: 0, z: 0 },\r\n                    size: { x: .3736, y: .2259, z: .2179 },\r\n                    // child: {}\r\n                },\r\n            }\r\n\r\n            if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.STANDALONE) {\r\n                // 没有测过，有问题，目前也不用到！\r\n                // cell.sign = { // 相对于 box的位置\r\n                //     position: { x: 1, y: 1, z: 1 },\r\n                //     scale: { x: 1, y: 1, z: 1 },\r\n                //     rotation: { x: 0, y: 0, z: 0 },\r\n                // }\r\n                // cell.logo = { // 相对于 box的位置\r\n                //     position: { x: 1, y: 1, z: 1 }\r\n                // }\r\n            } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.INHERITED) {\r\n                cell.box.child = {\r\n                    sign: {\r\n                        position: { x: -0.006, y: -0.064, z: 0.1847 },\r\n                        rotation: { x: 0, y: 0, z: 0 },\r\n                        scale: { x: 1, y: 1, z: 1 },\r\n                    },\r\n                    logo: {\r\n                        position: { x: 0, y: 0.15, z: 0 }\r\n                    }\r\n                }\r\n            }\r\n\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.get_shelf_0_)(this.shopData_)\r\n            shelf0.cells.push(cell)\r\n\r\n            this.add_cell__(shelf0.cells[shelf0.cells.length - 1]) // 从proxy数据中取出！\r\n\r\n        } else if (action.action == 'selectCell') {\r\n\r\n            // console.log('select cell', action) // cell, subName\r\n\r\n            let cell = action.cell\r\n            this.shopData_.ext__.selectedShelf = false\r\n            this.shopData_.ext__.selectedCell = cell\r\n            this.shopData_.ext__.selectedCellSubName = action.subName\r\n            let subs = cell.getSubs()\r\n\r\n            this.control_trans__.mode = 'translate'\r\n            if (action.subName == 'box') {\r\n\r\n                if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.STANDALONE) {\r\n                    this.control_trans__.attach(subs.box)\r\n                } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.INHERITED) {\r\n                    this.control_trans__.attach(subs.box.parent)\r\n                }\r\n\r\n            } else if (action.subName == 'sign') {\r\n                if (subs.sign) {\r\n                    this.control_trans__.attach(subs.sign)\r\n                }\r\n            } else if (action.subName == 'logo') {\r\n                if (subs.logo) {\r\n                    this.control_trans__.attach(subs.logo)\r\n                }\r\n            }\r\n            update_control_trans_axes__(this.control_trans__)\r\n\r\n            // this.changeViewMode(VIEW_MODE.ORBIT)\r\n\r\n            if (this.viewMode__ == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.ORBIT) {\r\n                if (action.subName == 'box') {\r\n                    this.orbit_update_for_(subs.box)\r\n                } else if (action.subName == 'sign') {\r\n                    this.orbit_update_for_(subs.sign)\r\n                } else if (action.subName == 'logo') {\r\n                    this.orbit_update_for_(subs.logo)\r\n                }\r\n            }\r\n\r\n        } else if (action.action == 'transformTranslate') {\r\n            // console.log('xx transformTranslate')\r\n            this.control_trans__.mode = 'translate'\r\n            update_control_trans_axes__(this.control_trans__)\r\n        } else if (action.action == 'transformRotate') {\r\n            // console.log('xx transformRotate')\r\n            this.control_trans__.mode = 'rotate'\r\n            update_control_trans_axes__(this.control_trans__)\r\n        } else if (action.action == 'transformResize') {\r\n            // console.log('xx transformResize')\r\n            this.control_trans__.mode = 'scale'\r\n            update_control_trans_axes__(this.control_trans__)\r\n        }\r\n    }\r\n\r\n\r\n    after_add_shelf__() {\r\n\r\n        this.picker_.emptyHits()\r\n\r\n        if (this.mesh_shelf__) {\r\n\r\n            let o3d = this.mesh_shelf__\r\n            let hit_ = { type: 'shelf' }\r\n            // console.log('add_hit__', o3d)\r\n            o3d.traverse(c => {\r\n                if (c.isMesh) {\r\n                    if (/^box-\\d-\\d/.test(c.name)) {\r\n                    } else if (/^sign-\\d-\\d/.test(c.name)) {\r\n                    } else if (/.*-shadow$/.test(c.name)) {\r\n                    } else {\r\n                        c.hit_ = hit_\r\n                        this.picker_.pushHit(c)\r\n                    }\r\n                }\r\n            })\r\n\r\n            // cells\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.get_shelf_0_)(this.shopData_)\r\n            if (!shelf0.cells) {\r\n                console.warn('# after add shelf cells null, maybe error runtime path!')\r\n                shelf0.cells = []\r\n            }\r\n            shelf0.cells.forEach(cell => {\r\n                this.add_cell__(cell)\r\n            })\r\n\r\n        }\r\n\r\n    }\r\n\r\n    add_cell__(cell) {\r\n\r\n        let box = cell.box\r\n        // console.log('add_cell__', cell)\r\n\r\n        let grp_cell = new three__WEBPACK_IMPORTED_MODULE_5__.Object3D()\r\n        grp_cell.grp_hit_cell_ = cell\r\n        grp_cell.position.set(box.position.x, box.position.y, box.position.z)\r\n        grp_cell.rotation.set(box.rotation.x, box.rotation.y, box.rotation.z)\r\n        this.mesh_shelf__.add(grp_cell)\r\n\r\n        let mesh_box = this.prefab__.clone_cell_box()\r\n        // mesh_box.position.set(box.position.x, box.position.y, box.position.z)\r\n        mesh_box.scale.set(box.size.x, box.size.y, box.size.z)\r\n\r\n        // this.mesh_shelf__.add(mesh_box)\r\n\r\n        grp_cell.add(mesh_box)\r\n\r\n        mesh_box.hit_ = { type: 'box', cell }\r\n        this.picker_.pushHit(mesh_box)\r\n\r\n        let mesh_sign = null\r\n        let mesh_logo = null\r\n        if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.STANDALONE) {\r\n        } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_1__.HIERARCHY_TYPE.INHERITED) {\r\n            {\r\n                let sign = box.child.sign\r\n\r\n                mesh_sign = this.prefab__.clone_sign()\r\n                mesh_sign.position.set(sign.position.x, sign.position.y, sign.position.z)\r\n                // console.log(JSON.stringify(sign.rotation))\r\n                mesh_sign.rotation.set(sign.rotation.x, sign.rotation.y, sign.rotation.z)\r\n                grp_cell.add(mesh_sign)\r\n\r\n                mesh_sign.hit_ = { type: 'sign', cell }\r\n                this.picker_.pushHit(mesh_sign)\r\n            }\r\n            //\r\n            {\r\n                let logo = box.child.logo\r\n\r\n                // mesh_logo = new Mesh(new BoxBufferGeometry(.1, .04, .005), this.get_plastic_logo_material__())\r\n                mesh_logo = this.prefab__.clone_logo()\r\n                mesh_logo.position.set(logo.position.x, logo.position.y, logo.position.z)\r\n                grp_cell.add(mesh_logo)\r\n\r\n                mesh_logo.hit_ = { type: 'logo', cell }\r\n                this.picker_.pushHit(mesh_logo)\r\n            }\r\n        }\r\n\r\n        cell.getSubs = function () {\r\n            return {\r\n                box: mesh_box,\r\n                sign: mesh_sign,\r\n                logo: mesh_logo,\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    commitToShopData() {\r\n        // console.log('commitToShopData...')\r\n        // if (this.mesh_shelf__) {\r\n        //     this.shopData_.scene = {\r\n        //         shelf: {\r\n        //             position: this.mesh_shelf__.position,\r\n        //             rotation: {\r\n        //                 x: this.mesh_shelf__.rotation.x,\r\n        //                 y: this.mesh_shelf__.rotation.y,\r\n        //                 z: this.mesh_shelf__.rotation.z\r\n        //             },\r\n        //         }\r\n        //     }\r\n        // }\r\n    }\r\n\r\n    dispose() {\r\n        window.removeEventListener('keydown', this.keydown_615__)\r\n        super.dispose()\r\n    }\r\n\r\n\r\n}\r\n\r\nconst SHELF_POSITION = { x: 2.7, y: -1, z: 0 }\r\nconst SHELF_ROTATION = { x: 0, y: - Math.PI / 2, z: 0 }\r\nconst SHELF_SCALE = { x: 1, y: 1, z: 1 }\r\n\r\n// 从外部选择时添加默认值\r\nShopPanoEditor_.appendDefaultShelfData = shelf => {\r\n    shelf.position = SHELF_POSITION\r\n    shelf.rotation = SHELF_ROTATION\r\n    shelf.scale = SHELF_SCALE\r\n    return shelf\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/ShopPanoEditor_.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"EditModeBase\": () => (/* binding */ EditModeBase)\n/* harmony export */ });\n/* harmony import */ var _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../viewer/ViewModeBaseViewer */ \"./src/crossyo/shelves/viewer/ViewModeBaseViewer.js\");\n\r\n\r\nclass EditModeBase {\r\n\r\n    constructor(viewer, name) {\r\n        this.viewer_ = viewer\r\n        this.name_ = name\r\n    }\r\n\r\n    get name() {\r\n        return this.name_\r\n    }\r\n\r\n    // proxy\r\n    get viewMode__() {\r\n        return this.viewer_.viewMode__\r\n    }\r\n\r\n    get controls_() {\r\n        return this.viewer_.controls_\r\n    }\r\n\r\n    set mesh_shelf__(v) {\r\n        this.viewer_.mesh_shelf__ = v\r\n    }\r\n\r\n    get mesh_shelf__() {\r\n        return this.viewer_.mesh_shelf__\r\n    }\r\n\r\n    active_selected_(v) {\r\n        this.viewer_.active_selected_(v)\r\n    }\r\n\r\n    build_specs__(arr) {\r\n        return this.viewer_.build_specs__(arr)\r\n    }\r\n\r\n    orbit_update_for_(o3d, forceDeg45) {\r\n        this.viewer_.orbit_update_for_(o3d, forceDeg45)\r\n    }\r\n\r\n    active_selected_(o3d) {\r\n        this.viewer_.active_selected_(o3d)\r\n    }\r\n\r\n    // to be override\r\n\r\n    enter() {\r\n        console.log('EM enter', this.name_)\r\n\r\n        let v = this.viewer_\r\n        this.picker_ = v.picker_\r\n        this.shopData_ = v.shopData_\r\n        this.scene_ = v.scene_\r\n        this.camera_ = v.camera_\r\n        this.renderer_ = v.renderer_\r\n    }\r\n\r\n    leave() {\r\n        console.log('EM leave', this.name_)\r\n    }\r\n\r\n    updateAction(action) { }\r\n\r\n    // share by some\r\n    \r\n    get prefab__() {\r\n        return this.viewer_.prefab__\r\n    }\r\n    \r\n    changeViewMode(mode, changeByIndirectReason = false) {\r\n        this.viewer_.changeViewMode_(mode, changeByIndirectReason, () => {\r\n            if (mode == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_0__.VIEW_MODE.PANORAMA) {\r\n                // this.controls_.object.position.set(0, 0, 0)\r\n                // this.controls_.target = this.viewer_.DEFAULT_TARGET__\r\n                this.controls_.reset()\r\n\r\n            } else if (mode == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_0__.VIEW_MODE.ORBIT) {\r\n                this.controls_.target = this.viewer_.DEFAULT_TARGET__\r\n                if (this.control_trans__ && this.control_trans__.object) {\r\n                    this.orbit_update_for_(this.control_trans__.object, true)\r\n                } else {\r\n                    this.orbit_update_for_(this.mesh_shelf__, true)\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n}\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/editmode/EditModeBase.js?");
+
+/***/ }),
+
+/***/ "./src/crossyo/shelves/editor/editmode/NopEditMode.js":
+/*!************************************************************!*\
+  !*** ./src/crossyo/shelves/editor/editmode/NopEditMode.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"NopEditMode\": () => (/* binding */ NopEditMode)\n/* harmony export */ });\n/* harmony import */ var _EditModeBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EditModeBase */ \"./src/crossyo/shelves/editor/editmode/EditModeBase.js\");\n\r\n\r\nclass NopEditMode extends _EditModeBase__WEBPACK_IMPORTED_MODULE_0__.EditModeBase {\r\n\r\n    constructor(viewer) {\r\n        super(viewer, 'nop')\r\n    }\r\n\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/editmode/NopEditMode.js?");
+
+/***/ }),
+
+/***/ "./src/crossyo/shelves/editor/editmode/PanoramaEditMode.js":
+/*!*****************************************************************!*\
+  !*** ./src/crossyo/shelves/editor/editmode/PanoramaEditMode.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PanoramaEditMode\": () => (/* binding */ PanoramaEditMode)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var _EditModeBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EditModeBase */ \"./src/crossyo/shelves/editor/editmode/EditModeBase.js\");\n/* harmony import */ var _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../viewer/ViewModeBaseViewer */ \"./src/crossyo/shelves/viewer/ViewModeBaseViewer.js\");\n\r\n\r\n\r\n\r\nclass PanoramaEditMode extends _EditModeBase__WEBPACK_IMPORTED_MODULE_0__.EditModeBase {\r\n\r\n    constructor(viewer) {\r\n        super(viewer, 'panorama')\r\n    }\r\n\r\n    enter() {\r\n        super.enter()\r\n        let v = this.viewer_\r\n        this.get_panorama_url_ = v.get_panorama_url_\r\n    }\r\n\r\n    leave() {\r\n\r\n\r\n        super.leave()\r\n    }\r\n\r\n\r\n\r\n    get mesh_env_sphere__() {\r\n        return this.viewer_.mesh_env_sphere__\r\n    }\r\n\r\n    set mesh_env_sphere__(v) {\r\n        this.viewer_.mesh_env_sphere__ = v\r\n    }\r\n\r\n    get w256_() {\r\n        return this.viewer_.w256_\r\n    }\r\n\r\n    get geo_env_sphere__() {\r\n        return this.viewer_.geo_env_sphere__\r\n    }\r\n\r\n    updateAction(action) {\r\n        if (action.action == 'updatePanorama') {\r\n            // console.log('## updatePanorama', this.shopData_)\r\n\r\n            this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_1__.VIEW_MODE.PANORAMA, true)\r\n\r\n            let tex = this.scene_.environment\r\n            if (tex) {\r\n                // this.scene_.background = new Color(0xeeeeee)\r\n\r\n                // this.scene_.children.filter(c=>c.name == 'sys-env-sphere-')[0].removeFromParent()\r\n\r\n                this.mesh_env_sphere__.material.map.dispose()\r\n                this.mesh_env_sphere__.removeFromParent()\r\n                this.mesh_env_sphere__ = null\r\n\r\n                this.scene_.environment = null\r\n                tex.dispose()\r\n            }\r\n\r\n            if (this.shopData_.panorama) {\r\n\r\n                let panorama_shelf_exr = this.shopData_.panorama.urlShelfExr\r\n                let arr = [{\r\n                    func: 'setupEnvEquirect', param: {\r\n                        url: `${this.get_panorama_url_(this.shopData_.panorama)}`,\r\n                        onAfter: tex => {\r\n                            // this.scene_.background = tex\r\n                            // console.log('xx setup env equ', tex, this.w256_)\r\n\r\n                            let sp = new three__WEBPACK_IMPORTED_MODULE_2__.Mesh(\r\n                                this.geo_env_sphere__,\r\n                                new three__WEBPACK_IMPORTED_MODULE_2__.MeshStandardMaterial({\r\n                                    map: tex,\r\n                                    side: three__WEBPACK_IMPORTED_MODULE_2__.BackSide,\r\n                                    // wireframe: true,\r\n                                    fog: false,\r\n                                    // displacementScale: -env_.radius * .992,\r\n                                    // displacementMap: new TextureLoader().load(`${this.prefixAsset_}/env/equirect/${env_.code}-zdepth-1k.png`),\r\n                                    envMap: this.w256_,\r\n                                    // envMapIntensity: 2,\r\n                                })\r\n                            )\r\n                            sp.scale.set(1, 1, -1)\r\n                            sp.name = 'sys-env-sphere-'\r\n                            this.scene_.add(sp)\r\n\r\n                            this.mesh_env_sphere__ = sp\r\n                            this.mesh_env_sphere__.rotation.y = this.shopData_.panorama.rotationY * Math.PI / 180\r\n\r\n                            if (!panorama_shelf_exr) {\r\n                                this.scene_.environment = tex\r\n                            }\r\n\r\n                        }\r\n                    }\r\n                }]\r\n\r\n                if (panorama_shelf_exr) {\r\n                    // dispose prev!\r\n                    arr.push({\r\n                        func: 'setupEnvEquirect', param: {\r\n                            url: `${panorama_shelf_exr}`,\r\n                            onAfter: tex => {\r\n                                this.scene_.environment = tex\r\n                            }\r\n                        }\r\n                    })\r\n                }\r\n\r\n                this.build_specs__(arr).then(() => {\r\n                    //\r\n                })\r\n\r\n            } else {\r\n                // remove!\r\n            }\r\n        } else if (action.action == 'updatePanoramaRotationY') {\r\n\r\n            this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_1__.VIEW_MODE.PANORAMA, true)\r\n\r\n            if (this.mesh_env_sphere__) {\r\n                this.mesh_env_sphere__.rotation.y = this.shopData_.panorama.rotationY * Math.PI / 180\r\n            }\r\n        } else if (action.action == 'updatePanoramaMultiply') {\r\n\r\n            this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_1__.VIEW_MODE.PANORAMA, true)\r\n\r\n        }\r\n\r\n    }\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/editmode/PanoramaEditMode.js?");
+
+/***/ }),
+
+/***/ "./src/crossyo/shelves/editor/editmode/PickCellEditMode.js":
+/*!*****************************************************************!*\
+  !*** ./src/crossyo/shelves/editor/editmode/PickCellEditMode.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"PickCellEditMode\": () => (/* binding */ PickCellEditMode)\n/* harmony export */ });\n/* harmony import */ var _EditModeBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EditModeBase */ \"./src/crossyo/shelves/editor/editmode/EditModeBase.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var three_examples_jsm_controls_TransformControls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! three/examples/jsm/controls/TransformControls */ \"./node_modules/_three@0.139.2@three/examples/jsm/controls/TransformControls.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../common/util */ \"./src/crossyo/shelves/common/util.js\");\n/* harmony import */ var _common_BaseShelve__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../common/BaseShelve */ \"./src/crossyo/shelves/common/BaseShelve.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass PickCellEditMode extends _EditModeBase__WEBPACK_IMPORTED_MODULE_0__.EditModeBase {\r\n\r\n    constructor(viewer) {\r\n        super(viewer, 'pick-cell')\r\n    }\r\n\r\n    enter() {\r\n        super.enter()\r\n\r\n        this.shelve_ = new _common_BaseShelve__WEBPACK_IMPORTED_MODULE_3__.BaseShelve(this.viewer_)\r\n\r\n        // super.endLoadSpecs() // 不执行 viewer 的 endLoadSpecs\r\n        this.after_add_shelf__()\r\n\r\n        this.down_picker__ = e => {\r\n            // console.log('downPick', e)\r\n            // if (!this.control_.enabled) {\r\n            //     return\r\n            // }\r\n            if (e.int0) {\r\n                let object = e.int0.object\r\n                let hit_ = object.hit_\r\n                // if (hit_.type == 'shelf') {\r\n                //     // this.control_trans__.detach()\r\n                //     this.control_trans__.attach(this.mesh_shelf__)\r\n                // } \r\n                if (hit_.type == 'box') {\r\n                    // this.control_trans__.detach()\r\n\r\n                    this.active_selected_(object)\r\n\r\n                    this.viewer_.emit('arrange.selectCell', hit_.cell)\r\n                    //\r\n\r\n                    // } else if (hit_.type == 'commodity') {\r\n                    //     this.control_trans__.attach(object)\r\n                }\r\n\r\n            } else {\r\n                this.active_selected_(null)\r\n                this.control_trans__.detach()\r\n            }\r\n        }\r\n\r\n        this.picker_.on('downPick', this.down_picker__)\r\n\r\n        this.control_trans__ = new three_examples_jsm_controls_TransformControls__WEBPACK_IMPORTED_MODULE_1__.TransformControls(this.camera_, this.renderer_.domElement)\r\n        // this.control_trans__.addEventListener('change', )\r\n        this.control_trans__.addEventListener('dragging-changed', e => {\r\n            this.controls_.enabled = !e.value\r\n        })\r\n        this.control_trans__.addEventListener('objectChange', e => {\r\n            // console.log(e, e.target)\r\n            let obj = this.control_trans__.object\r\n            // if (obj == this.mesh_shelf__) {\r\n            //     this.shopData_.scene = {\r\n            //         shelf: to_transform(obj)\r\n            //     }\r\n            // }\r\n        })\r\n        this.scene_.add(this.control_trans__)\r\n\r\n        // console.log(this.shopData_) // 實際上是 arrangement data！\r\n        {\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.get_shelf_0_)(this.shopData_)\r\n            if (shelf0) {\r\n                let cells = shelf0.cells\r\n                if (cells) {\r\n                    cells.filter(cell => (cell && cell.pileWare)).reduce(\r\n                        (p, cell) => p.then(() => this.shelve_.addWareToCell(cell.pileWare, cell)),\r\n                        Promise.resolve()\r\n                    ).then(() => {\r\n                        // this.emit('loadingCompletion')\r\n\r\n                    })\r\n                    return\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    updateAction(action) {\r\n\r\n        // console.log('# updateAction', action)\r\n\r\n        if (action.action == 'bindCellWare') {\r\n\r\n            console.log('bindCellWare', this.shelve_, action)\r\n\r\n            this.shelve_.addWareToCell(action.ware, action.cell)\r\n\r\n        } else if (action.action == 'unbindCellWare') {\r\n\r\n            this.shelve_.removeWareFromCell(action.cell)\r\n\r\n            action.cell.pileWare = null\r\n\r\n        } else if (action.action == 'updateCellPileNumber') {\r\n\r\n            this.shelve_.update_cell_pileNumber_(action.cell)\r\n\r\n        } else if (action.action == 'updateCellPileRotationY') {\r\n\r\n            this.shelve_.update_cell_pileRotationY_(action.cell)\r\n\r\n        }\r\n\r\n    }\r\n\r\n    after_add_shelf__() {\r\n\r\n        this.picker_.emptyHits()\r\n\r\n        if (this.mesh_shelf__) {\r\n\r\n            // let o3d = this.mesh_shelf__\r\n            // let hit_ = { type: 'shelf' }\r\n            // // console.log('add_hit__', o3d)\r\n            // o3d.traverse(c => {\r\n            //     if (c.isMesh) {\r\n            //         if (/^box-\\d-\\d/.test(c.name)) {\r\n            //         } else if (/^sign-\\d-\\d/.test(c.name)) {\r\n            //         } else if (/.*-shadow$/.test(c.name)) {\r\n            //         } else {\r\n            //             c.hit_ = hit_\r\n            //             this.picker_.pushHit(c)\r\n            //         }\r\n            //     }\r\n            // })\r\n\r\n            // cells\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_2__.get_shelf_0_)(this.shopData_)\r\n            if (shelf0) {\r\n                shelf0.cells.forEach(cell => {\r\n\r\n                    let box = cell.box\r\n                    // console.log(cell)\r\n                    let mesh_box = this.prefab__.clone_cell_box()\r\n                    mesh_box.position.set(box.position.x, box.position.y, box.position.z)\r\n                    mesh_box.rotation.set(box.rotation.x, box.rotation.y, box.rotation.z)\r\n                    mesh_box.scale.set(box.size.x, box.size.y, box.size.z)\r\n                    let mat = new three__WEBPACK_IMPORTED_MODULE_4__.MeshStandardMaterial({\r\n                        transparent: true,\r\n                        opacity: .45,\r\n                        // visible: false,\r\n                        side: three__WEBPACK_IMPORTED_MODULE_4__.BackSide,\r\n                    })\r\n\r\n                    mesh_box.material = mat\r\n                    this.mesh_shelf__.add(mesh_box)\r\n\r\n                    mesh_box.hit_ = { type: 'box', cell }\r\n                    this.picker_.pushHit(mesh_box)\r\n\r\n                })\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n    \r\n    remove_cells_() {\r\n        let c = this.mesh_shelf__.children\r\n        for (let i = c.length - 1; i >= 0; i--) {\r\n            let o = c[i]\r\n            if (o.name == 'box-bottom-center') {\r\n                this.mesh_shelf__.remove(o)\r\n            }\r\n        }\r\n        console.log('## remove cells', this.mesh_shelf__)\r\n    }\r\n\r\n    leave() {\r\n\r\n        this.picker_.off('downPick', this.down_picker__)\r\n\r\n        this.active_selected_(null)\r\n\r\n        this.remove_cells_()\r\n\r\n        this.shelve_.dispose()\r\n\r\n        super.leave()\r\n    }\r\n\r\n\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/editmode/PickCellEditMode.js?");
+
+/***/ }),
+
+/***/ "./src/crossyo/shelves/editor/editmode/TransObjEditMode.js":
+/*!*****************************************************************!*\
+  !*** ./src/crossyo/shelves/editor/editmode/TransObjEditMode.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TransObjEditMode\": () => (/* binding */ TransObjEditMode)\n/* harmony export */ });\n/* harmony import */ var _EditModeBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EditModeBase */ \"./src/crossyo/shelves/editor/editmode/EditModeBase.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var three_examples_jsm_controls_TransformControls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! three/examples/jsm/controls/TransformControls */ \"./node_modules/_three@0.139.2@three/examples/jsm/controls/TransformControls.js\");\n/* harmony import */ var _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../common/BaseShelve */ \"./src/crossyo/shelves/common/BaseShelve.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../common/util */ \"./src/crossyo/shelves/common/util.js\");\n/* harmony import */ var _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../viewer/ViewModeBaseViewer */ \"./src/crossyo/shelves/viewer/ViewModeBaseViewer.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// -----------------------------------------------------------------------------\r\n\r\nconst DEBUG = false // true\r\n\r\nconst trans_axes_ = (trans, arr) => {\r\n    trans.showX = arr[0]\r\n    trans.showY = arr[1]\r\n    trans.showZ = arr[2]\r\n}\r\n\r\nconst axes_def_ = {\r\n    'translate-shelf': trans => { trans_axes_(trans, [true, false, true]) },\r\n    'translate-box': trans => { trans_axes_(trans, [true, true, true]) },\r\n    'translate-sign': trans => { trans_axes_(trans, [true, true, true]) },\r\n    'translate-logo': trans => { trans_axes_(trans, [true, true, true]) },\r\n\r\n    'rotate-shelf': trans => { trans_axes_(trans, [false, true, false]) },\r\n    'rotate-box': trans => { trans_axes_(trans, [false, true, false]) },\r\n    'rotate-sign': trans => { trans_axes_(trans, [false, true, false]) },\r\n\r\n    // resize\r\n    'scale-box': trans => { trans_axes_(trans, [true, true, true]) },\r\n}\r\n\r\nconst update_control_trans_axes__ = trans => {\r\n    let mode = trans.mode\r\n    let obj = trans.object\r\n    let obj_type = ''\r\n    if (obj.hit_) {\r\n        obj_type = obj.hit_.type\r\n    } else if (obj.grp_hit_cell_) {\r\n        obj_type = 'box'\r\n    } else if (obj.name == 'shelf__') {\r\n        obj_type = 'shelf'\r\n    }\r\n    let key = `${mode}-${obj_type}`\r\n    // console.log(key)\r\n    let f = axes_def_[key]\r\n    if (f) {\r\n        f(trans)\r\n    }\r\n\r\n    if (obj_type == 'box') {\r\n        if (mode == 'scale') {\r\n            // console.log('scale-box', obj)\r\n            if (obj.grp_hit_cell_) {\r\n                let box = obj.children.filter(c => c.hit_ && c.hit_.type == 'box')[0]\r\n                if (box) {\r\n                    trans.attach(box)\r\n                }\r\n            }\r\n        } else {\r\n            if (!obj.grp_hit_cell_ && obj.parent.grp_hit_cell_) {\r\n                trans.attach(obj.parent)\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n\r\n// -----------------------------------------------------------------------------\r\n\r\nclass TransObjEditMode extends _EditModeBase__WEBPACK_IMPORTED_MODULE_0__.EditModeBase {\r\n\r\n    constructor(viewer) {\r\n        super(viewer, 'trans-obj')\r\n    }\r\n\r\n    enter() {\r\n        super.enter()\r\n        this.control_trans__ = null\r\n\r\n        this.after_add_shelf__()\r\n\r\n        this.down_picker__ = e => {\r\n            // console.log('downPick', e)\r\n            // if (!this.control_.enabled) {\r\n            //     return\r\n            // }\r\n\r\n            // console.log(this.control_trans__.axis)\r\n            if (this.control_trans__.axis) { // control trans 优先级更高\r\n                return\r\n            }\r\n\r\n            if (e.int0) {\r\n                let object = e.int0.object\r\n                let hit_ = object.hit_\r\n                if (hit_.type == 'shelf') {\r\n                    // this.control_trans__.detach()\r\n                    this.control_trans__.mode = 'translate'\r\n                    this.control_trans__.attach(this.mesh_shelf__)\r\n                    update_control_trans_axes__(this.control_trans__)\r\n\r\n                    if (DEBUG) {\r\n                        this.active_selected_(object)\r\n                    }\r\n\r\n                    if (this.viewMode__ == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.ORBIT) {\r\n                        this.orbit_update_for_(object)\r\n                    }\r\n\r\n                    this.shopData_.ext__.selectedShelf = true\r\n                    this.shopData_.ext__.selectedCell = null\r\n\r\n                } else if (hit_.type == 'box'\r\n                    || hit_.type == 'sign'\r\n                    || hit_.type == 'logo'\r\n                ) {\r\n                    // this.control_trans__.detach()\r\n                    this.control_trans__.showY = true\r\n\r\n                    if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.STANDALONE) {\r\n\r\n                        this.control_trans__.mode = 'translate'\r\n                        this.control_trans__.attach(object)\r\n                        update_control_trans_axes__(this.control_trans__)\r\n\r\n                    } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.INHERITED) {\r\n\r\n                        this.control_trans__.mode = 'translate'\r\n                        if (hit_.type == 'box') {\r\n                            this.control_trans__.attach(object.parent) // grp cell\r\n                        } else {\r\n                            this.control_trans__.attach(object)\r\n                        }\r\n                        update_control_trans_axes__(this.control_trans__)\r\n\r\n                    }\r\n\r\n                    if (DEBUG) {\r\n                        this.active_selected_(object)\r\n                    }\r\n\r\n                    // console.log(hit_)\r\n                    this.shopData_.ext__.selectedShelf = false\r\n                    this.shopData_.ext__.selectedCell = hit_.cell\r\n                    this.shopData_.ext__.selectedCellSubName = hit_.type\r\n\r\n                    // this.changeViewMode(VIEW_MODE.ORBIT)\r\n                    if (this.viewMode__ == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.ORBIT) {\r\n                        if (hit_.type == 'box') {\r\n                            this.orbit_update_for_(object)\r\n                        } else {\r\n                            this.orbit_update_for_(object.parent)\r\n                        }\r\n                    }\r\n\r\n                }\r\n\r\n            } else {\r\n\r\n                if (DEBUG) {\r\n                    this.active_selected_(null)\r\n                }\r\n\r\n                this.control_trans__.detach()\r\n                this.controls_.enabled = true\r\n\r\n                // this.changeViewMode(VIEW_MODE.PANORAMA)\r\n\r\n                this.shopData_.ext__.selectedShelf = false\r\n                this.shopData_.ext__.selectedCell = null\r\n\r\n            }\r\n\r\n\r\n        }\r\n\r\n        this.picker_.on('downPick', this.down_picker__)\r\n\r\n        this.control_trans__ = new three_examples_jsm_controls_TransformControls__WEBPACK_IMPORTED_MODULE_1__.TransformControls(this.camera_, this.renderer_.domElement)\r\n        // console.log(this.control_trans__)\r\n        this.control_trans__.space = 'local'\r\n\r\n        // this.control_trans__.addEventListener('change', )\r\n        this.control_trans__.addEventListener('dragging-changed', e => {\r\n            this.controls_.enabled = !e.value\r\n        })\r\n        this.control_trans__.addEventListener('objectChange', e => {\r\n            // console.log(e, e.target)\r\n            let obj = this.control_trans__.object\r\n            if (obj == this.mesh_shelf__) {\r\n                (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform)(obj, (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.get_shelf_0_)(this.shopData_))\r\n            } else if (obj.grp_hit_cell_) { // group (translate, rotate)\r\n                (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform_cell_box_inherited)(obj, obj.grp_hit_cell_.box)\r\n            } else {\r\n                let hit_ = obj.hit_\r\n                if (hit_) {\r\n                    if (hit_.type == 'box') {\r\n                        if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.STANDALONE) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform_cell_box)(obj, hit_.cell.box)\r\n                        } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.INHERITED) { // \r\n\r\n                            // group / box mesh (scale) -> resize\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform_cell_box_inherited)(obj, obj.parent.grp_hit_cell_.box)\r\n\r\n                        }\r\n                    } else if (hit_.type == 'sign') {\r\n                        if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.STANDALONE) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform_cell_sign)(obj, hit_.cell.sign)\r\n                        } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.INHERITED) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform_cell_sign)(obj, hit_.cell.box.child.sign)\r\n                        }\r\n                    } else if (hit_.type == 'logo') {\r\n                        if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.STANDALONE) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform_cell_logo)(obj, hit_.cell.logo)\r\n                        } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.INHERITED) {\r\n                            (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform_cell_logo)(obj, hit_.cell.box.child.logo)\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        })\r\n        this.scene_.add(this.control_trans__)\r\n\r\n        // this.control_trans__.showY = false\r\n\r\n        {\r\n            this.keydown_615__ = event => {\r\n                // console.log(event)\r\n                if (event.keyCode == 27) {\r\n                    this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.PANORAMA)\r\n                    this.control_trans__.detach()\r\n                }\r\n            }\r\n            window.addEventListener('keydown', this.keydown_615__)\r\n        }\r\n\r\n    }\r\n\r\n    updateAction(action) {\r\n\r\n        // console.log('# updateAction', action)\r\n\r\n        if (action.action == 'updateShelf') {\r\n\r\n            this.changeViewMode(_viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.PANORAMA, true)\r\n\r\n            // remove!\r\n            if (this.mesh_shelf__) {\r\n\r\n                this.control_trans__.detach()\r\n                this.controls_.enabled = true\r\n\r\n                // \r\n\r\n                // TODO dispose!\r\n\r\n                this.mesh_shelf__.removeFromParent()\r\n                this.mesh_shelf__ = null\r\n\r\n            }\r\n\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.get_shelf_0_)(this.shopData_)\r\n            if (shelf0 && shelf0.url) {\r\n\r\n                let shelf_url = shelf0.url\r\n                this.build_specs__([{\r\n                    func: 'setupModelGltf', param: {\r\n                        path: shelf_url.substr(0, shelf_url.lastIndexOf('/')),\r\n                        name: shelf_url.substr(shelf_url.lastIndexOf('/')),\r\n                        onAfter: o3d => {\r\n\r\n                            o3d.traverse(c => {\r\n                                if (c.isMesh) {\r\n                                    if (c.material.aoMap) {\r\n                                        c.material.lightMap = c.material.aoMap\r\n                                        // c.material.aoMap = null\r\n                                        c.material.lightMapIntensity = .5\r\n                                    }\r\n                                    c.material.side = three__WEBPACK_IMPORTED_MODULE_5__.FrontSide\r\n                                }\r\n                                // 兼容 v1\r\n                                if (/^box-\\d-\\d/.test(c.name)) {\r\n                                    c.visible = false\r\n                                }\r\n                            })\r\n\r\n                            o3d.rotation.set(0, - Math.PI / 2, 0)\r\n                            o3d.position.set(2.7, -1, 0)\r\n\r\n                            this.scene_.add(o3d)\r\n\r\n                            this.mesh_shelf__ = o3d\r\n\r\n                            // .$model__ = o3d\r\n                            // this.shopData_.shelf.get_model__ = () => {\r\n                            //     return o3d\r\n                            // }\r\n\r\n                            // this.control_trans__.detach()\r\n\r\n                            this.control_trans__.mode = 'translate'\r\n                            this.control_trans__.attach(this.mesh_shelf__)\r\n                            update_control_trans_axes__(this.control_trans__)\r\n\r\n                            // { // TEMP for v1 to v3, 解些老的数据，并且生成新的cells数据，copy to store/shelves 列表中\r\n                            // this.shopData_.shelf.cells = parse_v3_cells_from_v1_shelf_model_(o3d)\r\n                            // }\r\n\r\n                            this.after_add_shelf__()\r\n\r\n                            ;(0,_common_util__WEBPACK_IMPORTED_MODULE_3__.write_transform)(o3d, shelf0)\r\n\r\n                        }\r\n                    }\r\n                }])\r\n\r\n            } else {\r\n\r\n                // remove\r\n                this.control_trans__.detach()\r\n\r\n            }\r\n\r\n        } else if (action.action == 'deleteCell') {\r\n\r\n            // console.log('delete cell', action)\r\n            this.control_trans__.detach()\r\n            this.controls_.enabled = true\r\n\r\n            // c.hit_.type == 'box'\r\n            // this.mesh_shelf__.children.filter(c => (c.hit_ && c.hit_.cell == action.cell)).forEach(c => {\r\n            //     // let removed = \r\n            //     this.picker_.spliceHit(c)\r\n            //     // console.log('removed', removed)\r\n            //     c.removeFromParent()\r\n            // })\r\n\r\n            let subs = action.cell.getSubs()\r\n            if (subs.sign) {\r\n                this.picker_.spliceHit(subs.sign)\r\n                subs.sign.removeFromParent()\r\n            }\r\n            if (subs.logo) {\r\n                this.picker_.spliceHit(subs.logo)\r\n                subs.logo.removeFromParent()\r\n            }\r\n            this.picker_.spliceHit(subs.box)\r\n            subs.box.removeFromParent()\r\n\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.get_shelf_0_)(this.shopData_)\r\n            shelf0.cells.splice(action.idx, 1)\r\n\r\n        } else if (action.action == 'addCell') {\r\n\r\n            if (!this.mesh_shelf__) {\r\n                console.warn('需要首先有个货架！')\r\n                return\r\n            }\r\n\r\n            // console.log('add cell')\r\n\r\n            let bbx = new three__WEBPACK_IMPORTED_MODULE_5__.Box3().expandByObject(this.mesh_shelf__)\r\n            let cnt = bbx.getCenter(new three__WEBPACK_IMPORTED_MODULE_5__.Vector3())\r\n            let size = bbx.getSize(new three__WEBPACK_IMPORTED_MODULE_5__.Vector3())\r\n\r\n            // this.mesh_shelf__.add()\r\n            let spos = this.mesh_shelf__.position\r\n            // console.log(cnt, size, spos)\r\n\r\n            let cell = {\r\n                name: '?-?',\r\n                box: {\r\n                    // x 向前一些\r\n                    position: { x: 0, y: cnt.y + size.y / 2 - spos.y, z: .45 },\r\n                    scale: { x: 1, y: 1, z: 1 },\r\n                    rotation: { x: 0, y: 0, z: 0 },\r\n                    size: { x: .3736, y: .2259, z: .2179 },\r\n                    // child: {}\r\n                },\r\n            }\r\n\r\n            if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.STANDALONE) {\r\n                // 没有测过，有问题，目前也不用到！\r\n                // cell.sign = { // 相对于 box的位置\r\n                //     position: { x: 1, y: 1, z: 1 },\r\n                //     scale: { x: 1, y: 1, z: 1 },\r\n                //     rotation: { x: 0, y: 0, z: 0 },\r\n                // }\r\n                // cell.logo = { // 相对于 box的位置\r\n                //     position: { x: 1, y: 1, z: 1 }\r\n                // }\r\n            } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.INHERITED) {\r\n                cell.box.child = {\r\n                    sign: {\r\n                        position: { x: -0.006, y: -0.064, z: 0.1847 },\r\n                        rotation: { x: 0, y: 0, z: 0 },\r\n                        scale: { x: 1, y: 1, z: 1 },\r\n                    },\r\n                    logo: {\r\n                        position: { x: 0, y: 0.15, z: 0 }\r\n                    }\r\n                }\r\n            }\r\n\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.get_shelf_0_)(this.shopData_)\r\n            shelf0.cells.push(cell)\r\n\r\n            this.add_cell__(shelf0.cells[shelf0.cells.length - 1]) // 从proxy数据中取出！\r\n\r\n        } else if (action.action == 'selectCell') {\r\n\r\n            // console.log('select cell', action) // cell, subName\r\n\r\n            let cell = action.cell\r\n            this.shopData_.ext__.selectedShelf = false\r\n            this.shopData_.ext__.selectedCell = cell\r\n            this.shopData_.ext__.selectedCellSubName = action.subName\r\n            let subs = cell.getSubs()\r\n\r\n            this.control_trans__.mode = 'translate'\r\n            if (action.subName == 'box') {\r\n\r\n                if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.STANDALONE) {\r\n                    this.control_trans__.attach(subs.box)\r\n                } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.INHERITED) {\r\n                    this.control_trans__.attach(subs.box.parent)\r\n                }\r\n\r\n            } else if (action.subName == 'sign') {\r\n                if (subs.sign) {\r\n                    this.control_trans__.attach(subs.sign)\r\n                }\r\n            } else if (action.subName == 'logo') {\r\n                if (subs.logo) {\r\n                    this.control_trans__.attach(subs.logo)\r\n                }\r\n            }\r\n            update_control_trans_axes__(this.control_trans__)\r\n\r\n            // this.changeViewMode(VIEW_MODE.ORBIT)\r\n\r\n            if (this.viewMode__ == _viewer_ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_4__.VIEW_MODE.ORBIT) {\r\n                if (action.subName == 'box') {\r\n                    this.orbit_update_for_(subs.box)\r\n                } else if (action.subName == 'sign') {\r\n                    this.orbit_update_for_(subs.sign)\r\n                } else if (action.subName == 'logo') {\r\n                    this.orbit_update_for_(subs.logo)\r\n                }\r\n            }\r\n\r\n        } else if (action.action == 'transformTranslate') {\r\n            // console.log('xx transformTranslate')\r\n            this.control_trans__.mode = 'translate'\r\n            update_control_trans_axes__(this.control_trans__)\r\n        } else if (action.action == 'transformRotate') {\r\n            // console.log('xx transformRotate')\r\n            this.control_trans__.mode = 'rotate'\r\n            update_control_trans_axes__(this.control_trans__)\r\n        } else if (action.action == 'transformResize') {\r\n            // console.log('xx transformResize')\r\n            this.control_trans__.mode = 'scale'\r\n            update_control_trans_axes__(this.control_trans__)\r\n        }\r\n    }\r\n\r\n\r\n    after_add_shelf__() {\r\n\r\n        this.picker_.emptyHits()\r\n\r\n        if (this.mesh_shelf__) {\r\n\r\n            let o3d = this.mesh_shelf__\r\n            let hit_ = { type: 'shelf' }\r\n            // console.log('add_hit__', o3d)\r\n            o3d.traverse(c => {\r\n                if (c.isMesh) {\r\n                    if (/^box-\\d-\\d/.test(c.name)) {\r\n                    } else if (/^sign-\\d-\\d/.test(c.name)) {\r\n                    } else if (/.*-shadow$/.test(c.name)) {\r\n                    } else {\r\n                        c.hit_ = hit_\r\n                        this.picker_.pushHit(c)\r\n                    }\r\n                }\r\n            })\r\n\r\n            // cells\r\n            let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_3__.get_shelf_0_)(this.shopData_)\r\n            if (!shelf0.cells) {\r\n                console.warn('# after add shelf cells null, maybe error runtime path!')\r\n                shelf0.cells = []\r\n            }\r\n            shelf0.cells.forEach(cell => {\r\n                this.add_cell__(cell)\r\n            })\r\n\r\n        }\r\n\r\n    }\r\n\r\n    add_cell__(cell) {\r\n\r\n        let box = cell.box\r\n        // console.log('add_cell__', cell)\r\n\r\n        let grp_cell = new three__WEBPACK_IMPORTED_MODULE_5__.Object3D()\r\n        grp_cell.name = 'grp-cell-'\r\n        grp_cell.grp_hit_cell_ = cell\r\n        grp_cell.position.set(box.position.x, box.position.y, box.position.z)\r\n        grp_cell.rotation.set(box.rotation.x, box.rotation.y, box.rotation.z)\r\n        this.mesh_shelf__.add(grp_cell)\r\n\r\n        let mesh_box = this.prefab__.clone_cell_box()\r\n        // mesh_box.position.set(box.position.x, box.position.y, box.position.z)\r\n        mesh_box.scale.set(box.size.x, box.size.y, box.size.z)\r\n\r\n        // this.mesh_shelf__.add(mesh_box)\r\n\r\n        grp_cell.add(mesh_box)\r\n\r\n        mesh_box.hit_ = { type: 'box', cell }\r\n        this.picker_.pushHit(mesh_box)\r\n\r\n        let mesh_sign = null\r\n        let mesh_logo = null\r\n        if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.STANDALONE) {\r\n        } else if (_common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.CELL_HIERARCHY == _common_BaseShelve__WEBPACK_IMPORTED_MODULE_2__.HIERARCHY_TYPE.INHERITED) {\r\n            {\r\n                let sign = box.child.sign\r\n\r\n                mesh_sign = this.prefab__.clone_sign()\r\n                mesh_sign.position.set(sign.position.x, sign.position.y, sign.position.z)\r\n                // console.log(JSON.stringify(sign.rotation))\r\n                mesh_sign.rotation.set(sign.rotation.x, sign.rotation.y, sign.rotation.z)\r\n                grp_cell.add(mesh_sign)\r\n\r\n                mesh_sign.hit_ = { type: 'sign', cell }\r\n                this.picker_.pushHit(mesh_sign)\r\n            }\r\n            //\r\n            {\r\n                let logo = box.child.logo\r\n\r\n                // mesh_logo = new Mesh(new BoxBufferGeometry(.1, .04, .005), this.get_plastic_logo_material__())\r\n                mesh_logo = this.prefab__.clone_logo()\r\n                mesh_logo.position.set(logo.position.x, logo.position.y, logo.position.z)\r\n                grp_cell.add(mesh_logo)\r\n\r\n                mesh_logo.hit_ = { type: 'logo', cell }\r\n                this.picker_.pushHit(mesh_logo)\r\n            }\r\n        }\r\n\r\n        cell.getSubs = function () {\r\n            return {\r\n                box: mesh_box,\r\n                sign: mesh_sign,\r\n                logo: mesh_logo,\r\n            }\r\n        }\r\n\r\n    }\r\n    \r\n    remove_cells_() {\r\n        let c = this.mesh_shelf__.children\r\n        for (let i = c.length - 1; i >= 0; i--) {\r\n            let o = c[i]\r\n            if (o.name == 'grp-cell-') {\r\n                this.mesh_shelf__.remove(o)\r\n            }\r\n        }\r\n        // console.log('## after remove cells', this.mesh_shelf__)\r\n    }\r\n\r\n    leave() {\r\n\r\n        window.removeEventListener('keydown', this.keydown_615__)\r\n        this.control_trans__.detach()\r\n        this.scene_.remove(this.control_trans__)\r\n        this.picker_.off('downPick', this.down_picker__)\r\n\r\n        this.remove_cells_()\r\n\r\n        super.leave()\r\n    }\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/editor/editmode/TransObjEditMode.js?");
 
 /***/ }),
 
@@ -520,7 +597,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Previewer\": () => (/* reexport safe */ _previewer_Previewer__WEBPACK_IMPORTED_MODULE_1__.Previewer),\n/* harmony export */   \"ShopEditor\": () => (/* reexport safe */ _editor_ShopHallEditor__WEBPACK_IMPORTED_MODULE_3__.ShopHallEditor),\n/* harmony export */   \"ShopSurveyViewer\": () => (/* reexport safe */ _viewer_ShopHallSurveyViewer__WEBPACK_IMPORTED_MODULE_2__.ShopHallSurveyViewer),\n/* harmony export */   \"clone_except_ext\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.clone_except_ext),\n/* harmony export */   \"get_is_hall_\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.get_is_hall_),\n/* harmony export */   \"get_shelf_0_\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.get_shelf_0_),\n/* harmony export */   \"isMobile\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.isMobile),\n/* harmony export */   \"use_ext\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.use_ext)\n/* harmony export */ });\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./common/util */ \"./src/crossyo/shelves/common/util.js\");\n/* harmony import */ var _previewer_Previewer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./previewer/Previewer */ \"./src/crossyo/shelves/previewer/Previewer.js\");\n/* harmony import */ var _viewer_ShopHallSurveyViewer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./viewer/ShopHallSurveyViewer */ \"./src/crossyo/shelves/viewer/ShopHallSurveyViewer.js\");\n/* harmony import */ var _editor_ShopHallEditor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./editor/ShopHallEditor */ \"./src/crossyo/shelves/editor/ShopHallEditor.js\");\n\r\n\r\n\r\n// import { ShopPanoSurveyViewer_ } from './viewer/ShopPanoSurveyViewer_'\r\n\r\n// import { ShopPanoEditor_ } from './editor/ShopPanoEditor_'\r\n\r\n\r\n// import { GUI } from 'three/examples/jsm/libs//lil-gui.module.min'\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/lib.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Previewer\": () => (/* reexport safe */ _previewer_Previewer__WEBPACK_IMPORTED_MODULE_1__.Previewer),\n/* harmony export */   \"ShopEditor\": () => (/* reexport safe */ _editor_ShopHallEditor__WEBPACK_IMPORTED_MODULE_3__.ShopHallEditor),\n/* harmony export */   \"ShopSurveyViewer\": () => (/* reexport safe */ _viewer_ShopHallSurveyViewer__WEBPACK_IMPORTED_MODULE_2__.ShopHallSurveyViewer),\n/* harmony export */   \"activePropName_to_activeEditModeName\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.activePropName_to_activeEditModeName),\n/* harmony export */   \"append_default_shop_data_\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.append_default_shop_data_),\n/* harmony export */   \"clone_except_ext\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.clone_except_ext),\n/* harmony export */   \"get_is_hall_\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.get_is_hall_),\n/* harmony export */   \"get_shelf_0_\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.get_shelf_0_),\n/* harmony export */   \"isMobile\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.isMobile),\n/* harmony export */   \"use_ext\": () => (/* reexport safe */ _common_util__WEBPACK_IMPORTED_MODULE_0__.use_ext)\n/* harmony export */ });\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./common/util */ \"./src/crossyo/shelves/common/util.js\");\n/* harmony import */ var _previewer_Previewer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./previewer/Previewer */ \"./src/crossyo/shelves/previewer/Previewer.js\");\n/* harmony import */ var _viewer_ShopHallSurveyViewer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./viewer/ShopHallSurveyViewer */ \"./src/crossyo/shelves/viewer/ShopHallSurveyViewer.js\");\n/* harmony import */ var _editor_ShopHallEditor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./editor/ShopHallEditor */ \"./src/crossyo/shelves/editor/ShopHallEditor.js\");\n\r\n\r\n\r\n// import { ShopPanoSurveyViewer_ } from './viewer/ShopPanoSurveyViewer_'\r\n\r\n// import { ShopPanoEditor_ } from './editor/ShopPanoEditor_'\r\n\r\n\r\n// import { GUI } from 'three/examples/jsm/libs//lil-gui.module.min'\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/lib.js?");
 
 /***/ }),
 
@@ -535,6 +612,39 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/crossyo/shelves/si/SiBase.js":
+/*!******************************************!*\
+  !*** ./src/crossyo/shelves/si/SiBase.js ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"SiBase\": () => (/* binding */ SiBase)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n\r\n\r\n\r\nclass SiBase extends three__WEBPACK_IMPORTED_MODULE_1__.Object3D {\r\n\r\n    constructor() {\r\n        super()\r\n    }\r\n\r\n    load_data_(d) {\r\n        // console.log('## load_data_', JSON.parse(JSON.stringify(d)))\r\n        (0,_common_util__WEBPACK_IMPORTED_MODULE_0__.apply_transform)(this, d)\r\n        // console.log(this.position)\r\n        this.data_ = d\r\n    }\r\n\r\n    dispose() {\r\n    }\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/si/SiBase.js?");
+
+/***/ }),
+
+/***/ "./src/crossyo/shelves/si/SiObjects.js":
+/*!*********************************************!*\
+  !*** ./src/crossyo/shelves/si/SiObjects.js ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"SiObjects\": () => (/* binding */ SiObjects)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var _common_TexturesCacheSp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../common/TexturesCacheSp */ \"./src/crossyo/shelves/common/TexturesCacheSp.js\");\n/* harmony import */ var _SiRotSprite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SiRotSprite */ \"./src/crossyo/shelves/si/SiRotSprite.js\");\n\r\n\r\n\r\n\r\nclass SiObjects extends three__WEBPACK_IMPORTED_MODULE_2__.Object3D {\r\n\r\n    constructor(viewer) {\r\n        super()\r\n        this.viewer_ = viewer\r\n        this.objects__ = null\r\n        this.tex_sp_cache_ = new _common_TexturesCacheSp__WEBPACK_IMPORTED_MODULE_0__.TexturesCacheSp(viewer)\r\n    }\r\n\r\n    attach_specs_for_load_(objects, arr) {\r\n        this.objects__ = objects\r\n\r\n        // console.log('## attach_specs_for_load_', this.objects__)\r\n\r\n        arr.push({\r\n            func: 'setupCustomization', param: {\r\n                onDoing: next => {\r\n\r\n                    this.setup_()\r\n\r\n                    next()\r\n                }\r\n            }\r\n        })\r\n\r\n\r\n\r\n    }\r\n\r\n    setup_() {\r\n\r\n        this.objects__.forEach(obj => {\r\n\r\n            let rs = new _SiRotSprite__WEBPACK_IMPORTED_MODULE_1__.SiRotSprite()\r\n            rs.load_data_(obj, this.viewer_, this.tex_sp_cache_)\r\n\r\n            this.add(rs)\r\n\r\n        })\r\n\r\n        this.viewer_.scene_.add(this)\r\n\r\n        // let axes = new AxesHelper()\r\n        // axes.position.set(0,.1,0)\r\n        // this.viewer_.scene_.add(axes)\r\n\r\n    }\r\n\r\n    dispose() {\r\n        this.children.forEach(c => {\r\n            c.dispose()\r\n        })\r\n        this.tex_sp_cache_.dispose()\r\n    }\r\n\r\n}\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/si/SiObjects.js?");
+
+/***/ }),
+
+/***/ "./src/crossyo/shelves/si/SiRotSprite.js":
+/*!***********************************************!*\
+  !*** ./src/crossyo/shelves/si/SiRotSprite.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"SiRotSprite\": () => (/* binding */ SiRotSprite),\n/* harmony export */   \"parseRotSpriteUrl\": () => (/* binding */ parseRotSpriteUrl)\n/* harmony export */ });\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var _SiBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SiBase */ \"./src/crossyo/shelves/si/SiBase.js\");\n\r\n\r\n\r\nclass XSpriteMaterial extends three__WEBPACK_IMPORTED_MODULE_1__.MeshBasicMaterial {\r\n\r\n    constructor(param) {\r\n        super(param)\r\n        // console.log(this.map)\r\n    }\r\n\r\n    onBeforeCompile(shaderObject, renderer) {\r\n        // console.log(shaderObject.vertexShader)\r\n        // console.log(shaderObject.fragmentShader)\r\n\r\n\r\n    }\r\n}\r\n\r\nconst parseRotSpriteUrl = (url, idx = 0) => {\r\n    return url.replace('$2', (1000 + idx).toString().substring(2))\r\n}\r\n\r\nlet geo_plane__ = null\r\nconst get_geo_plane_ = () => {\r\n    if (!geo_plane__) {\r\n        geo_plane__ = new three__WEBPACK_IMPORTED_MODULE_1__.PlaneGeometry()\r\n    }\r\n    return geo_plane__\r\n}\r\n\r\nclass SiRotSprite extends _SiBase__WEBPACK_IMPORTED_MODULE_0__.SiBase {\r\n\r\n    constructor() {\r\n        super()\r\n    }\r\n\r\n    load_data_(d, viewer, tex_sp_cache) {\r\n        super.load_data_(d)\r\n        this.viewer_ = viewer\r\n        this.tex_sp_cache_ = tex_sp_cache\r\n        this.setup_()\r\n    }\r\n\r\n    setup_() {\r\n        // let axes = new AxesHelper()\r\n        // axes.position.set(0, .1, 0)\r\n        // this.add(axes)\r\n\r\n        let d = this.data_\r\n        // console.log('## rot sp data_', d)\r\n\r\n        let step_angle_ = Math.PI * 2 / d.rsFrames\r\n        let half_step_angle_ = step_angle_ / 2\r\n\r\n        let geo = get_geo_plane_()\r\n        this.mat__ = new XSpriteMaterial({\r\n            transparent: true,\r\n        })\r\n        let sp = new three__WEBPACK_IMPORTED_MODULE_1__.Mesh(geo, this.mat__)\r\n        sp.position.set(0, d.rsCenterY * d.rsHeight, 0)\r\n        // sp.center.set(.5, d.rsCenterY)\r\n        sp.scale.set(d.rsWidth, d.rsHeight, 1)\r\n        this.add(sp)\r\n\r\n        //\r\n        let prev_i_a_ = -1\r\n        this.on_update_ = e => {\r\n            // console.log(e.position)\r\n\r\n            // this.position\r\n\r\n            let angle = Math.atan2(e.position.x - this.position.x, e.position.z - this.position.z)\r\n            let frame_angle = angle\r\n            if (d.rsClockwise) {\r\n                frame_angle = -angle\r\n            }\r\n\r\n            let f_a = frame_angle / step_angle_ + half_step_angle_\r\n            let i_a = Math.floor(f_a)\r\n            if (i_a < 0) {\r\n                i_a += d.rsFrames\r\n            }\r\n\r\n            // let m_a = f_a - i_a\r\n            // console.log(angle, i_a, m_a)\r\n\r\n            if (i_a != prev_i_a_) {\r\n                prev_i_a_ = i_a\r\n\r\n                // console.log(i_a)\r\n                this.update_by_eye_(i_a)\r\n\r\n                // this.rotation.set(0, angle, 0) // 不连续\r\n            }\r\n\r\n            this.rotation.set(0, angle, 0) // 连续\r\n\r\n        }\r\n        this.on_update_({\r\n            position: this.viewer_.camera_.position.clone()\r\n        })\r\n\r\n        this.viewer_.on('roughViewChanged', this.on_update_)\r\n    }\r\n\r\n\r\n    update_by_eye_(i_a) {\r\n        let d = this.data_\r\n        let url = parseRotSpriteUrl(d.url, i_a)\r\n\r\n        this.tex_sp_cache_.find({url}).then(tex=>{\r\n            this.mat__.map = tex\r\n            this.mat__.needsUpdate = true\r\n        })\r\n\r\n    }\r\n\r\n    dispose() {\r\n        // console.log('SiRotSprite dispose')\r\n        this.viewer_.off('roughViewChanged', this.on_update_)\r\n\r\n    }\r\n\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/si/SiRotSprite.js?");
+
+/***/ }),
+
 /***/ "./src/crossyo/shelves/viewer/BehaviorQueue.js":
 /*!*****************************************************!*\
   !*** ./src/crossyo/shelves/viewer/BehaviorQueue.js ***!
@@ -553,7 +663,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"HallShelvesViewer\": () => (/* binding */ HallShelvesViewer)\n/* harmony export */ });\n/* harmony import */ var kutsi_floor_deco_controls_MovementConstrainFPSControls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! kutsi-floor-deco/controls/MovementConstrainFPSControls */ \"./src-kutsi-floor-deco/crossyo/kutsi/controls/MovementConstrainFPSControls.js\");\n/* harmony import */ var kutsi_floor_deco_controls_WASDDirectionMovement__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! kutsi-floor-deco/controls/WASDDirectionMovement */ \"./src-kutsi-floor-deco/crossyo/kutsi/controls/WASDDirectionMovement.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n/* harmony import */ var _ShelvesViewer___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ShelvesViewer_ */ \"./src/crossyo/shelves/viewer/ShelvesViewer_.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n\r\n// -----------------------------------------------------------------------------\r\n\r\n\r\n\r\n// import { SpaceMeshConstrain } from \"kutsi-floor-deco/controls/SpaceMeshConstrain\"\r\n\r\n\r\n\r\nclass FPSa extends kutsi_floor_deco_controls_MovementConstrainFPSControls__WEBPACK_IMPORTED_MODULE_0__.MovementConstrainFPSControls {\r\n\r\n\tconstructor(object, domElement) {\r\n\t\tsuper(object, domElement)\r\n\t\tthis.movement_ = new kutsi_floor_deco_controls_WASDDirectionMovement__WEBPACK_IMPORTED_MODULE_1__.WASDDirectionMovement(this, {\r\n\t\t\tuseKeyboard: !_common_util__WEBPACK_IMPORTED_MODULE_2__.isMobile,\r\n\t\t\tuseMouse: !_common_util__WEBPACK_IMPORTED_MODULE_2__.isMobile,\r\n\t\t})\r\n\t\tthis.movement_.speedScale = 1 / 32\r\n\t\t// this.constrain_ = \r\n\t}\r\n\r\n}\r\n\r\n// -----------------------------------------------------------------------------\r\n\r\n\r\n\r\n\r\n\r\nclass HallShelvesViewer extends _ShelvesViewer___WEBPACK_IMPORTED_MODULE_3__.ShelvesViewer_ {\r\n\r\n\tconstructor(opts) {\r\n\t\tsuper(opts)\r\n\t\tthis.is_hall__ = opts.is_hall__\r\n\t}\r\n\r\n\tspecs_item_cust_controls_(arr) {\r\n\t\tif (!this.is_hall__) {\r\n\t\t\tsuper.specs_item_cust_controls_(arr)\r\n\t\t} else {\r\n\t\t\tarr.push({\r\n\t\t\t\tfunc: 'setupCustomization', param: {\r\n\t\t\t\t\tonDoing: next => {\r\n\r\n\t\t\t\t\t\t// this.camera_.position.set(0, 1.5, -4)\r\n\t\t\t\t\t\t// this.camera_.lookAt(0, 1.5, 0)\r\n\r\n\t\t\t\t\t\tthis.camera_.position.set(1.97, 1.50, -2.52)\r\n\t\t\t\t\t\tthis.camera_.lookAt(1.23, 1.50, -1.86)\r\n\r\n\t\t\t\t\t\tthis.changeControls(\r\n\t\t\t\t\t\t\tnew FPSa(this.camera_, this.renderer_.domElement)\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\tthis.controls_.enabled = true\r\n\t\t\t\t\t\tnext()\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tspecs_shop_data_base_(arr) {\r\n\t\tif (!this.is_hall__) {\r\n\t\t\tsuper.specs_shop_data_base_(arr)\r\n\t\t} else {\r\n\t\t\tif (this.shopData_ && this.shopData_.hall) {\r\n\r\n\t\t\t\tlet hall = this.shopData_.hall\r\n\r\n\t\t\t\tif (hall.urlEnvExr) {\r\n\t\t\t\t\tarr.push({\r\n\t\t\t\t\t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t\t\t\t\turl: hall.urlEnvExr,\r\n\t\t\t\t\t\t\tonAfter: tex => {\r\n\t\t\t\t\t\t\t\tthis.scene_.environment = tex\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t} else {\r\n\t\t\t\t\tarr.push({\r\n\t\t\t\t\t\tfunc: 'setupCustomization', param: {\r\n\t\t\t\t\t\t\tonDoing: next => {\r\n\t\t\t\t\t\t\t\tthis.scene_.environment = this.w256_\r\n\t\t\t\t\t\t\t\tnext()\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// arr.push({\r\n\t\t\t\t// \tfunc: 'setupEnvironment', param: {\r\n\t\t\t\t// \t\tdebug: true,\r\n\t\t\t\t// \t\t// skyType: 0,\r\n\t\t\t\t// \t\t// toneMapping: this.theme_.toneMapping,\r\n\t\t\t\t// \t\t// exposure: this.theme_.exposure,\r\n\t\t\t\t// \t}\r\n\t\t\t\t// })\r\n\r\n\t\t\t\t// console.log('## hall', this.shopData_.hall)\r\n\r\n\t\t\t\tlet hall_url = hall.url\r\n\t\t\t\tarr.push({\r\n\t\t\t\t\tfunc: 'setupModelGltf', param: {\r\n\t\t\t\t\t\tpath: hall_url.substr(0, hall_url.lastIndexOf('/')),\r\n\t\t\t\t\t\tname: hall_url.substr(hall_url.lastIndexOf('/')),\r\n\t\t\t\t\t\tonAfter: o3d => {\r\n\r\n\t\t\t\t\t\t\to3d.traverse(c => {\r\n\t\t\t\t\t\t\t\tif (c.isMesh) {\r\n\t\t\t\t\t\t\t\t\tlet mat = c.material\r\n\t\t\t\t\t\t\t\t\tmat.side = three__WEBPACK_IMPORTED_MODULE_4__.FrontSide\r\n\r\n\t\t\t\t\t\t\t\t\tif (mat.aoMap) {\r\n\t\t\t\t\t\t\t\t\t\t// {// use as diffuse\r\n\t\t\t\t\t\t\t\t\t\t// \tmat.aoMap = null\r\n\t\t\t\t\t\t\t\t\t\t// \tc.geometry.attributes.uv = c.geometry.attributes.uv2\r\n\t\t\t\t\t\t\t\t\t\t// }\r\n\r\n\t\t\t\t\t\t\t\t\t\t// {// use as lightmap\r\n\t\t\t\t\t\t\t\t\t\t// \tmat.lightMap = mat.aoMap\r\n\t\t\t\t\t\t\t\t\t\t// \tmat.aoMap = null\r\n\t\t\t\t\t\t\t\t\t\t// \tmat.map = null\r\n\t\t\t\t\t\t\t\t\t\t// }\r\n\r\n\t\t\t\t\t\t\t\t\t\t{// use only ao, means bake diffuse to ao\r\n\t\t\t\t\t\t\t\t\t\t\tmat.map = null\r\n\t\t\t\t\t\t\t\t\t\t\t// mat.aoMapIntensity = 1.3 // 通透，但是噪点多\r\n\t\t\t\t\t\t\t\t\t\t\t// mat.aoMapIntensity = 1.07\r\n\t\t\t\t\t\t\t\t\t\t\tmat.envMapIntensity = 5.7\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tmat.envMapIntensity = hall.multiply\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{// ao to diffuse\r\n\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t// console.log(mat)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\tthis.scene_.add(o3d)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\r\n\t\t\t\t// arr.push({\r\n\t\t\t\t// \tfunc: 'setupLight', param: {\r\n\t\t\t\t// \t\taoMax: 2,\r\n\t\t\t\t// \t\tlightMax: 2,\r\n\t\t\t\t// \t\tenvMax: 4,\r\n\t\t\t\t// \t}\r\n\t\t\t\t// })\r\n\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tdoJoystick(e) {\r\n\t\t// console.log(e)\r\n\t\tlet mov = this.controls_.movement_\r\n\t\tif (mov) {\r\n\t\t\tmov.forward = mov.backward = mov.left = mov.right = false\r\n\t\t\t// if (e.direction) {\r\n\t\t\t//     mov[e.direction.toLowerCase()] = true\r\n\t\t\t// }\r\n\r\n\t\t\t// e -> x, y, speed, angle\r\n\t\t\tlet dxy = Math.abs(e.x) - Math.abs(e.y)\r\n\t\t\tif (dxy > 0) { // x 移动\r\n\t\t\t\tif (e.x < 0) {\r\n\t\t\t\t\tmov.left = true\r\n\t\t\t\t} else { // > 0\r\n\t\t\t\t\tmov.right = true\r\n\t\t\t\t}\r\n\t\t\t} else if (dxy < 0) { // y 移动\r\n\t\t\t\tif (e.y < 0) {\r\n\t\t\t\t\tmov.forward = true\r\n\t\t\t\t} else { // > 0\r\n\t\t\t\t\tmov.backward = true\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n// -----------------------------------------------------------------------------\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/viewer/HallShelvesViewer.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"HallShelvesViewer\": () => (/* binding */ HallShelvesViewer)\n/* harmony export */ });\n/* harmony import */ var kutsi_floor_deco_controls_MovementConstrainFPSControls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! kutsi-floor-deco/controls/MovementConstrainFPSControls */ \"./src-kutsi-floor-deco/crossyo/kutsi/controls/MovementConstrainFPSControls.js\");\n/* harmony import */ var kutsi_floor_deco_controls_WASDDirectionMovement__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! kutsi-floor-deco/controls/WASDDirectionMovement */ \"./src-kutsi-floor-deco/crossyo/kutsi/controls/WASDDirectionMovement.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n/* harmony import */ var _ShelvesViewer___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ShelvesViewer_ */ \"./src/crossyo/shelves/viewer/ShelvesViewer_.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n\r\n// -----------------------------------------------------------------------------\r\n\r\n\r\n\r\n// import { SpaceMeshConstrain } from \"kutsi-floor-deco/controls/SpaceMeshConstrain\"\r\n\r\n\r\n\r\nclass FPSa extends kutsi_floor_deco_controls_MovementConstrainFPSControls__WEBPACK_IMPORTED_MODULE_0__.MovementConstrainFPSControls {\r\n\r\n\tconstructor(object, domElement) {\r\n\t\tsuper(object, domElement)\r\n\t\tthis.movement_ = new kutsi_floor_deco_controls_WASDDirectionMovement__WEBPACK_IMPORTED_MODULE_1__.WASDDirectionMovement(this, {\r\n\t\t\tuseKeyboard: !_common_util__WEBPACK_IMPORTED_MODULE_2__.isMobile,\r\n\t\t\tuseMouse: !_common_util__WEBPACK_IMPORTED_MODULE_2__.isMobile,\r\n\t\t})\r\n\t\tthis.movement_.speedScale = 1 / 32\r\n\t\t// this.constrain_ = \r\n\t}\r\n\r\n}\r\n\r\n// -----------------------------------------------------------------------------\r\n\r\n\r\n\r\n\r\n\r\nclass HallShelvesViewer extends _ShelvesViewer___WEBPACK_IMPORTED_MODULE_3__.ShelvesViewer_ {\r\n\r\n\tconstructor(opts) {\r\n\t\tsuper(opts)\r\n\t\tthis.is_hall__ = opts.is_hall__\r\n\t}\r\n\r\n\tspecs_item_cust_controls_(arr) {\r\n\t\tif (!this.is_hall__) {\r\n\t\t\tsuper.specs_item_cust_controls_(arr)\r\n\t\t} else {\r\n\t\t\tarr.push({\r\n\t\t\t\tfunc: 'setupCustomization', param: {\r\n\t\t\t\t\tonDoing: next => {\r\n\r\n\t\t\t\t\t\t// this.camera_.position.set(0, 1.5, -4)\r\n\t\t\t\t\t\t// this.camera_.lookAt(0, 1.5, 0)\r\n\r\n\t\t\t\t\t\tthis.camera_.position.set(1.97, 1.50, -2.52)\r\n\t\t\t\t\t\tthis.camera_.lookAt(1.23, 1.50, -1.86)\r\n\r\n\t\t\t\t\t\tthis.changeControls(\r\n\t\t\t\t\t\t\tnew FPSa(this.camera_, this.renderer_.domElement)\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\tthis.controls_.enabled = true\r\n\t\t\t\t\t\tnext()\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tspecs_shop_data_base_(arr) {\r\n\t\tif (!this.is_hall__) {\r\n\t\t\tsuper.specs_shop_data_base_(arr)\r\n\t\t} else {\r\n\t\t\tif (this.shopData_ && this.shopData_.hall) {\r\n\r\n\t\t\t\tlet hall = this.shopData_.hall\r\n\r\n\t\t\t\tif (hall.urlEnvExr) {\r\n\t\t\t\t\tarr.push({\r\n\t\t\t\t\t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t\t\t\t\turl: hall.urlEnvExr,\r\n\t\t\t\t\t\t\tonAfter: tex => {\r\n\t\t\t\t\t\t\t\tthis.scene_.environment = tex\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t} else {\r\n\t\t\t\t\tarr.push({\r\n\t\t\t\t\t\tfunc: 'setupCustomization', param: {\r\n\t\t\t\t\t\t\tonDoing: next => {\r\n\t\t\t\t\t\t\t\tthis.scene_.environment = this.w256_\r\n\t\t\t\t\t\t\t\tnext()\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// arr.push({\r\n\t\t\t\t// \tfunc: 'setupEnvironment', param: {\r\n\t\t\t\t// \t\tdebug: true,\r\n\t\t\t\t// \t\t// skyType: 0,\r\n\t\t\t\t// \t\t// toneMapping: this.theme_.toneMapping,\r\n\t\t\t\t// \t\t// exposure: this.theme_.exposure,\r\n\t\t\t\t// \t}\r\n\t\t\t\t// })\r\n\r\n\t\t\t\t// console.log('## hall', this.shopData_.hall)\r\n\r\n\t\t\t\tlet hall_url = hall.url\r\n\t\t\t\tarr.push({\r\n\t\t\t\t\tfunc: 'setupModelGltf', param: {\r\n\t\t\t\t\t\tpath: hall_url.substr(0, hall_url.lastIndexOf('/')),\r\n\t\t\t\t\t\tname: hall_url.substr(hall_url.lastIndexOf('/')),\r\n\t\t\t\t\t\tonAfter: o3d => {\r\n\r\n\t\t\t\t\t\t\to3d.traverse(c => {\r\n\t\t\t\t\t\t\t\tif (c.isMesh) {\r\n\t\t\t\t\t\t\t\t\tlet mat = c.material\r\n\t\t\t\t\t\t\t\t\tmat.side = three__WEBPACK_IMPORTED_MODULE_4__.FrontSide\r\n\r\n\t\t\t\t\t\t\t\t\tif (mat.aoMap) {\r\n\t\t\t\t\t\t\t\t\t\t// {// use as diffuse\r\n\t\t\t\t\t\t\t\t\t\t// \tmat.aoMap = null\r\n\t\t\t\t\t\t\t\t\t\t// \tc.geometry.attributes.uv = c.geometry.attributes.uv2\r\n\t\t\t\t\t\t\t\t\t\t// }\r\n\r\n\t\t\t\t\t\t\t\t\t\t// {// use as lightmap\r\n\t\t\t\t\t\t\t\t\t\t// \tmat.lightMap = mat.aoMap\r\n\t\t\t\t\t\t\t\t\t\t// \tmat.aoMap = null\r\n\t\t\t\t\t\t\t\t\t\t// \tmat.map = null\r\n\t\t\t\t\t\t\t\t\t\t// }\r\n\r\n\t\t\t\t\t\t\t\t\t\t{// use only ao, means bake diffuse to ao\r\n\t\t\t\t\t\t\t\t\t\t\tmat.map = null\r\n\t\t\t\t\t\t\t\t\t\t\t// mat.aoMapIntensity = 1.3 // 通透，但是噪点多\r\n\t\t\t\t\t\t\t\t\t\t\t// mat.aoMapIntensity = 1.07\r\n\t\t\t\t\t\t\t\t\t\t\t// mat.envMapIntensity = 5.7\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tmat.envMapIntensity = hall.multiply\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{// ao to diffuse\r\n\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t// console.log(mat)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\tthis.scene_.add(o3d)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\r\n\t\t\t\t// arr.push({\r\n\t\t\t\t// \tfunc: 'setupLight', param: {\r\n\t\t\t\t// \t\taoMax: 2,\r\n\t\t\t\t// \t\tlightMax: 2,\r\n\t\t\t\t// \t\tenvMax: 8,\r\n\t\t\t\t// \t}\r\n\t\t\t\t// })\r\n\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tdoJoystick(e) {\r\n\t\t// console.log(e)\r\n\t\tlet mov = this.controls_.movement_\r\n\t\tif (mov) {\r\n\t\t\tmov.forward = mov.backward = mov.left = mov.right = false\r\n\t\t\t// if (e.direction) {\r\n\t\t\t//     mov[e.direction.toLowerCase()] = true\r\n\t\t\t// }\r\n\r\n\t\t\t// e -> x, y, speed, angle\r\n\t\t\tlet dxy = Math.abs(e.x) - Math.abs(e.y)\r\n\t\t\tif (dxy > 0) { // x 移动\r\n\t\t\t\tif (e.x < 0) {\r\n\t\t\t\t\tmov.left = true\r\n\t\t\t\t} else { // > 0\r\n\t\t\t\t\tmov.right = true\r\n\t\t\t\t}\r\n\t\t\t} else if (dxy < 0) { // y 移动\r\n\t\t\t\tif (e.y < 0) {\r\n\t\t\t\t\tmov.forward = true\r\n\t\t\t\t} else { // > 0\r\n\t\t\t\t\tmov.backward = true\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n// -----------------------------------------------------------------------------\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/viewer/HallShelvesViewer.js?");
 
 /***/ }),
 
@@ -564,7 +674,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ShelvesViewer_\": () => (/* binding */ ShelvesViewer_)\n/* harmony export */ });\n/* harmony import */ var _ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ViewModeBaseViewer */ \"./src/crossyo/shelves/viewer/ViewModeBaseViewer.js\");\n/* harmony import */ var kutsi_util_BuilderEx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! kutsi/util/BuilderEx */ \"./src-kutsi/crossyo/kutsi/util/BuilderEx.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var kutsi_shelves_controls_ElasticFreeLookControls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! kutsi-shelves/controls/ElasticFreeLookControls */ \"./src-kutsi-shelves/crossyo/kutsi/controls/ElasticFreeLookControls.js\");\n/* harmony import */ var kutsi_util_SceneUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! kutsi/util/SceneUtil */ \"./src-kutsi/crossyo/kutsi/util/SceneUtil.js\");\n/* harmony import */ var kutsi_util_SceneTuningUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! kutsi/util/SceneTuningUtil */ \"./src-kutsi/crossyo/kutsi/util/SceneTuningUtil.js\");\n/* harmony import */ var _assets_white_256_png__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../assets/white-256.png */ \"./src/crossyo/shelves/assets/white-256.png\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n\r\n\r\n\r\n\r\n\r\n// import { DropTableGeometry } from 'kutsi/geometry/DropTableGeometry'\r\n\r\n\r\n\r\n\r\n\r\n// import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'\r\n// import { TrackballControls } from 'three/examples/jsm/controls/TrackballControls'\r\n\r\n\r\n\r\n\r\n// import { SiObjects } from \"../common/SiObjects\"\r\n\r\nconst try_mixin_two_fov_ = cam => {\r\n\tif (!cam.hasOwnProperty('aspectFov')) {\r\n\r\n\t\tcam.aspectFov_ = cam.fov\r\n\t\tcam.zoomFov_ = 1\r\n\t\tObject.defineProperty(cam, 'aspectFov', {\r\n\t\t\tset(v) {\r\n\t\t\t\tthis.aspectFov_ = v\r\n\t\t\t\tthis.fov = this.aspectFov_ * this.zoomFov_\r\n\t\t\t\t// console.log('update after aspectFov', this.fov)\r\n\t\t\t},\r\n\t\t\tget() {\r\n\t\t\t\treturn this.aspectFov_\r\n\t\t\t}\r\n\t\t})\r\n\t\tObject.defineProperty(cam, 'zoomFov', {\r\n\t\t\tset(v) {\r\n\t\t\t\tthis.zoomFov_ = v\r\n\t\t\t\tthis.fov = this.aspectFov_ * this.zoomFov_\r\n\t\t\t\t// console.log('update after zoomFov', this.fov)\r\n\t\t\t\tthis.updateProjectionMatrix()\r\n\t\t\t},\r\n\t\t\tget() {\r\n\t\t\t\treturn this.zoomFov_\r\n\t\t\t}\r\n\t\t})\r\n\r\n\t}\r\n}\r\n\r\nconst SPHERE_RADIUS = 13.65\r\nconst SPHERE_DEBUG = false // normal\r\n// const SPHERE_DEBUG = true // orbit show depth!\r\n\r\nclass ShelvesViewer_ extends _ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_0__.ViewModeBaseViewer {\r\n\r\n\tconstructor(opts) {\r\n\r\n\t\tsuper(Object.assign({\r\n\t\t\ttrend: {\r\n\t\t\t\thdr: true,\r\n\t\t\t},\r\n\t\t\tpicker: {\r\n\t\t\t\tuseHitsArray: true,\r\n\t\t\t},\r\n\t\t\t// manually_start_animate: true, // for loading\r\n\t\t\t// clzControls: MapControls,\r\n\t\t\tfov0: 55,\r\n\r\n\t\t\tclzBuilder: kutsi_util_BuilderEx__WEBPACK_IMPORTED_MODULE_1__.BuilderEx,\r\n\r\n\t\t\t// v2\r\n\t\t\t// assets: {\r\n\t\t\t// \tenv1: assets_env1,\r\n\t\t\t// }\r\n\r\n\t\t}, opts))\r\n\r\n\t\t// {//window aspect ratio!\r\n\t\t// \t// if (window.innerWidth / window.innerHeight < 1) {\r\n\t\t// \t// \tthis.opts_.fov0 = 75\r\n\t\t// \t// }\r\n\t\t// }\r\n\r\n\t\t// console.log('this.opts_', this.opts_)\r\n\r\n\t\tthis.shopData_ = this.opts_.shopData\r\n\r\n\t\tthis.isViewer__ = true\r\n\r\n\t\t// this.objects__ = new SiObjects(this)\r\n\r\n\t}\r\n\r\n\tresize_() {\r\n\t\tsuper.resize_()\r\n\t\t// this.size_\r\n\r\n\t\ttry_mixin_two_fov_(this.camera_)\r\n\r\n\t\t// .5 -> 75\r\n\t\t// 2 -> 50\r\n\t\tlet aspect = this.size_.w / this.size_.h\r\n\t\tlet fov = three__WEBPACK_IMPORTED_MODULE_7__.MathUtils.lerp(75, 50, three__WEBPACK_IMPORTED_MODULE_7__.MathUtils.smoothstep(aspect, .5, 2))\r\n\t\t// console.log('\\t', aspect, fov)\r\n\r\n\t\t// this.camera_.fov = fov\r\n\t\tthis.camera_.aspectFov = fov\r\n\t\t// this.camera_.aspectFov = 75 // for snapshot!\r\n\t\tthis.camera_.updateProjectionMatrix()\r\n\r\n\t}\r\n\r\n\tstartup() {\r\n\t\tsuper.startup()\r\n\t\t// this.controls_.enablePan = true\r\n\t\tthis.scene_.background = new three__WEBPACK_IMPORTED_MODULE_7__.Color(0xefefef)\r\n\t}\r\n\r\n\tbeginLoadSpecs() {\r\n\r\n\t\tlet arr = super.beginLoadSpecs()\r\n\r\n\t\tthis.geo_env_sphere__ = new three__WEBPACK_IMPORTED_MODULE_7__.SphereBufferGeometry(SPHERE_RADIUS, 256, 256)\r\n\t\t// this.geo_env_sphere__ = new SphereBufferGeometry(SPHERE_RADIUS, 512, 512)\r\n\t\tthis.mesh_env_sphere__ = null\r\n\r\n\t\tthis.cart_plane_ = new three__WEBPACK_IMPORTED_MODULE_7__.Plane(new three__WEBPACK_IMPORTED_MODULE_7__.Vector3(-1, 0, 0), 2)\r\n\t\tthis.mesh_shelf__ = null\r\n\r\n\t\t// {// debug\r\n\t\t// \tthis.dump_keydown_after__ = () => {\r\n\t\t// \t\tconsole.log('shelf', this.mesh_shelf__)\r\n\t\t// \t}\r\n\t\t// }\r\n\r\n\t\tarr.push({\r\n\t\t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t\turl: _assets_white_256_png__WEBPACK_IMPORTED_MODULE_5__,\r\n\t\t\t\tonAfter: tex => {\r\n\t\t\t\t\tthis.w256_ = tex\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})\r\n\r\n\t\t// this.DEFAULT_TARGET__ = new Vector3(0.1, -0.01, 0.00)\r\n\t\t// this.DEFAULT_TARGET__ = new Vector3(2.37, -0.41, 0.00)\r\n\t\tthis.DEFAULT_TARGET__ = new three__WEBPACK_IMPORTED_MODULE_7__.Vector3(2.37, -0.31, 0.00)\r\n\r\n\t\tthis.specs_item_cust_controls_(arr)\r\n\r\n\t\tthis.specs_shop_data_base_(arr)\r\n\r\n\t\tlet shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_6__.get_shelf_0_)(this.shopData_)\r\n\t\tif (shelf0) {\r\n\r\n\t\t\tlet shelf_url = shelf0.url\r\n\t\t\tarr.push({\r\n\t\t\t\tfunc: 'setupModelGltf', param: {\r\n\t\t\t\t\tpath: shelf_url.substr(0, shelf_url.lastIndexOf('/')),\r\n\t\t\t\t\tname: shelf_url.substr(shelf_url.lastIndexOf('/')),\r\n\t\t\t\t\t// predefinedModel: (() => {\r\n\t\t\t\t\t// \tlet def = {\r\n\t\t\t\t\t// \t\tobjects_isolate_material: true,\r\n\t\t\t\t\t// \t\tmaps: {\r\n\t\t\t\t\t// \t\t\t'm1': { url: 'model/ao-2to1k-s4096/shelves_Bake1_CyclesBake_AO.png' }\r\n\t\t\t\t\t// \t\t},\r\n\t\t\t\t\t// \t\tobjects: {\r\n\t\t\t\t\t// \t\t\t'shelves': {\r\n\t\t\t\t\t// \t\t\t\tlightMap: 'm1'\r\n\t\t\t\t\t// \t\t\t}\r\n\t\t\t\t\t// \t\t}\r\n\t\t\t\t\t// \t}\r\n\t\t\t\t\t// \treturn def\r\n\t\t\t\t\t// })(),\r\n\t\t\t\t\tonAfter: o3d => {\r\n\r\n\t\t\t\t\t\to3d.traverse(c => {\r\n\t\t\t\t\t\t\tif (c.isMesh) {\r\n\t\t\t\t\t\t\t\tif (c.material.aoMap) {\r\n\t\t\t\t\t\t\t\t\tc.material.lightMap = c.material.aoMap\r\n\t\t\t\t\t\t\t\t\t// c.material.aoMap = null\r\n\t\t\t\t\t\t\t\t\tc.material.lightMapIntensity = .5\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tc.material.side = three__WEBPACK_IMPORTED_MODULE_7__.FrontSide\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif (/^box-\\d-\\d/.test(c.name)) {\r\n\t\t\t\t\t\t\t\tc.visible = false\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\t\tif (shelf0.position && shelf0.rotation) {\r\n\r\n\t\t\t\t\t\t\to3d.position.set(shelf0.position.x, shelf0.position.y, shelf0.position.z)\r\n\t\t\t\t\t\t\to3d.rotation.set(shelf0.rotation.x, shelf0.rotation.y, shelf0.rotation.z)\r\n\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\to3d.rotation.set(0, - Math.PI / 2, 0)\r\n\t\t\t\t\t\t\to3d.position.set(2.7, -1, 0)\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tthis.scene_.add(o3d)\r\n\r\n\t\t\t\t\t\to3d.name = 'shelf__'\r\n\t\t\t\t\t\tthis.mesh_shelf__ = o3d\r\n\r\n\t\t\t\t\t\t// .$model__ = o3d\r\n\t\t\t\t\t\tshelf0.get_model__ = () => {\r\n\t\t\t\t\t\t\treturn o3d\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t// dump_o3d(o3d)\r\n\t\t\t\t\t\t// can-2, box-2, pillow-2\r\n\r\n\t\t\t\t\t\t// create_sample_balls(balls => {\r\n\t\t\t\t\t\t// \tballs.position.set(2, -.25, 0)\r\n\t\t\t\t\t\t// \tthis.scene_.add(balls)\r\n\t\t\t\t\t\t// })\r\n\r\n\t\t\t\t\t\t// create_env_ball(ball => {\r\n\t\t\t\t\t\t// \tball.position.set(2, -.25, 0)\r\n\t\t\t\t\t\t// \tthis.scene_.add(ball)\r\n\t\t\t\t\t\t// })\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\r\n\t\t} else {\r\n\t\t\t// TODO 新建\r\n\t\t}\r\n\r\n\t\t// if (this.shopData_ && this.shopData_.commodities) {\r\n\r\n\t\t// \tthis.shopData_.commodities.forEach(mod => {\r\n\t\t// \t\tlet mod_url = mod.url\r\n\t\t// \t\tarr.push({\r\n\t\t// \t\t\tfunc: 'setupModelGltf', param: {\r\n\t\t// \t\t\t\tpath: mod_url.substr(0, mod_url.lastIndexOf('/')),\r\n\t\t// \t\t\t\tname: mod_url.substr(mod_url.lastIndexOf('/')),\r\n\t\t// \t\t\t\tonAfter: o3d => {\r\n\t\t// \t\t\t\t\to3d.traverse(c => {\r\n\t\t// \t\t\t\t\t\tif (c.isMesh) {\r\n\t\t// \t\t\t\t\t\t\tc.material.envMapIntensity = this.shopData_.panorama.multiply\r\n\t\t// \t\t\t\t\t\t\tc.material.side = FrontSide\r\n\t\t// \t\t\t\t\t\t}\r\n\t\t// \t\t\t\t\t})\r\n\t\t// \t\t\t\t\tif (!o3d.isMesh && o3d.children.length == 1) {\r\n\t\t// \t\t\t\t\t\t// 单个mesh, 需要导出时apply transform\r\n\t\t// \t\t\t\t\t\tmod.get_model__ = () => {\r\n\t\t// \t\t\t\t\t\t\treturn o3d.children[0]\r\n\t\t// \t\t\t\t\t\t}\r\n\t\t// \t\t\t\t\t} else {\r\n\t\t// \t\t\t\t\t\tmod.get_model__ = () => {\r\n\t\t// \t\t\t\t\t\t\treturn o3d\r\n\t\t// \t\t\t\t\t\t}\r\n\t\t// \t\t\t\t\t}\r\n\t\t// \t\t\t\t},\r\n\t\t// \t\t\t},\r\n\t\t// \t\t})\r\n\t\t// \t})\r\n\r\n\t\t// } else {\r\n\t\t// \t// TODO 新建\r\n\t\t// }\r\n\r\n\t\t// if (this.shopData_ && this.shopData_.objects) {\r\n\t\t// \tthis.objects__.load_from_specs_(this.shopData_.objects, arr)\r\n\t\t// }\r\n\r\n\t\tif (this.use_grid__) {\r\n\r\n\t\t\tlet grid = new three__WEBPACK_IMPORTED_MODULE_7__.GridHelper(4, 8)\r\n\t\t\t// grid.position.set(0, -5, 0)\r\n\t\t\tgrid.position.set(0, -1, 0)\r\n\t\t\tthis.scene_.add(grid)\r\n\r\n\t\t\t// let box = new Mesh(\r\n\t\t\t// \tnew BoxBufferGeometry(1.5, 1.5, .5),\r\n\t\t\t// \tnew MeshStandardMaterial({\r\n\t\t\t// \t\twireframe: true,\r\n\t\t\t// \t})\r\n\t\t\t// )\r\n\t\t\t// box.rotation.set(0, Math.PI / 2, 0)\r\n\t\t\t// box.position.set(2.25, -.25, 0)\r\n\t\t\t// this.scene_.add(box)\r\n\r\n\t\t}\r\n\r\n\t\t// cart plane !\r\n\r\n\r\n\t\treturn arr\r\n\t}\r\n\r\n\t// @can be override\r\n\tspecs_item_cust_controls_(arr) {\r\n\r\n\t\tarr.push({\r\n\t\t\tfunc: 'setupCustomization', param: {\r\n\t\t\t\tonDoing: next => {\r\n\r\n\t\t\t\t\t// this.scene_.fog = new Fog(this.theme_.fogColor, 400, 800)\r\n\r\n\t\t\t\t\t// this.controls_.minPolarAngle = 0\r\n\t\t\t\t\t// this.controls_.maxPolarAngle = Math.PI * .67\r\n\t\t\t\t\t// this.controls_.maxDistance = 400\r\n\r\n\t\t\t\t\t// this.scene_.add(new AxesHelper(10))\r\n\r\n\t\t\t\t\tlet target = this.DEFAULT_TARGET__\r\n\r\n\t\t\t\t\tif (SPHERE_DEBUG) { // debug\r\n\t\t\t\t\t\tthis.updateViewerLookat({\r\n\t\t\t\t\t\t\tposition: new three__WEBPACK_IMPORTED_MODULE_7__.Vector3(-1, 0.1, 0.00),\r\n\t\t\t\t\t\t\ttarget: new three__WEBPACK_IMPORTED_MODULE_7__.Vector3(0.00, 0.00, 0.00),\r\n\t\t\t\t\t\t\tforceUpdateNearFar: true,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\tthis.controls_.enablePan = true\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.changeControls(\r\n\t\t\t\t\t\t\t// new FreeLookControls\r\n\t\t\t\t\t\t\tnew kutsi_shelves_controls_ElasticFreeLookControls__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\r\n\t\t\t\t\t\t\t\t(this.camera_, this.renderer_.domElement, {\r\n\t\t\t\t\t\t\t\t\tlookDirection: -1,\r\n\t\t\t\t\t\t\t\t\telasticDirection: target,\r\n\t\t\t\t\t\t\t\t\tzoomResetFunction: e => {\r\n\t\t\t\t\t\t\t\t\t\treturn e.object.zoomFov\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tzoomFunction: e => {\r\n\t\t\t\t\t\t\t\t\t\te.object.zoomFov = e.zoom2\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tzoomMin: .5,\r\n\t\t\t\t\t\t\t\t\tzoomMax: 1,\r\n\t\t\t\t\t\t\t\t}))\r\n\r\n\t\t\t\t\t\tthis.updateViewerLookat({\r\n\t\t\t\t\t\t\t// position: new Vector3(-0.1, 0.01, 0.00),\r\n\t\t\t\t\t\t\t// target: new Vector3(0.00, 0.00, 0.00),\r\n\t\t\t\t\t\t\tposition: new three__WEBPACK_IMPORTED_MODULE_7__.Vector3(0.00, 0.00, 0.00),\r\n\t\t\t\t\t\t\ttarget,\r\n\t\t\t\t\t\t\tforceUpdateNearFar: true,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tnext()\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})\r\n\r\n\r\n\t}\r\n\r\n\tspecs_shop_data_base_(arr) {\r\n\r\n\t\tif (this.shopData_ && this.shopData_.panorama) {\r\n\r\n\t\t\t// if (this.shopData_.panorama.urlEnv) {\r\n\t\t\t// \tarr.push({\r\n\t\t\t// \t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t// \t\t\turl: `${this.shopData_.panorama.url}`,\r\n\t\t\t// \t\t\tonAfter: tex => {\r\n\t\t\t// \t\t\t\tthis.scene_.background = tex\r\n\t\t\t// \t\t\t\t// this.scene_.environment = tex\r\n\t\t\t// \t\t\t}\r\n\t\t\t// \t\t}\r\n\t\t\t// \t})\r\n\t\t\t// \tarr.push({\r\n\t\t\t// \t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t// \t\t\turl: `${this.shopData_.panorama.urlEnv}`,\r\n\t\t\t// \t\t\tonAfter: tex => {\r\n\t\t\t// \t\t\t\t// this.scene_.background = tex\r\n\t\t\t// \t\t\t\tthis.scene_.environment = tex\r\n\t\t\t// \t\t\t}\r\n\t\t\t// \t\t}\r\n\t\t\t// \t})\r\n\r\n\t\t\t// } else {\r\n\r\n\t\t\tlet panorama_shelf_exr = this.shopData_.panorama.urlShelfExr\r\n\t\t\tarr.push({\r\n\t\t\t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t\t\turl: `${this.get_panorama_url_(this.shopData_.panorama)}`,\r\n\t\t\t\t\tonAfter: tex => {\r\n\t\t\t\t\t\t// this.scene_.background = tex\r\n\t\t\t\t\t\t// for rotationY\r\n\r\n\t\t\t\t\t\tlet sp = new three__WEBPACK_IMPORTED_MODULE_7__.Mesh(\r\n\t\t\t\t\t\t\t// new SphereBufferGeometry(20, 256, 256),\r\n\t\t\t\t\t\t\tthis.geo_env_sphere__,\r\n\t\t\t\t\t\t\tnew three__WEBPACK_IMPORTED_MODULE_7__.MeshStandardMaterial({\r\n\t\t\t\t\t\t\t\tmap: tex,\r\n\t\t\t\t\t\t\t\tside: three__WEBPACK_IMPORTED_MODULE_7__.BackSide,\r\n\t\t\t\t\t\t\t\t// wireframe: true,\r\n\t\t\t\t\t\t\t\tfog: false,\r\n\t\t\t\t\t\t\t\t// displacementScale: -env_.radius * .992,\r\n\t\t\t\t\t\t\t\t// displacementMap: new TextureLoader().load(`${this.prefixAsset_}/env/equirect/${env_.code}-zdepth-1k.png`),\r\n\t\t\t\t\t\t\t\tdisplacementScale: - SPHERE_RADIUS,\r\n\t\t\t\t\t\t\t\tdisplacementMap: new three__WEBPACK_IMPORTED_MODULE_7__.TextureLoader().load(`${this.shopData_.panorama.urlDepth}`),\r\n\t\t\t\t\t\t\t\tenvMap: this.w256_,\r\n\t\t\t\t\t\t\t\t// envMapIntensity: 2,\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\tsp.scale.set(1, 1, -1)\r\n\t\t\t\t\t\tsp.name = 'sys-env-sphere-'\r\n\t\t\t\t\t\tthis.scene_.add(sp)\r\n\r\n\t\t\t\t\t\tthis.mesh_env_sphere__ = sp\r\n\t\t\t\t\t\tthis.mesh_env_sphere__.rotation.y = this.shopData_.panorama.rotationY * Math.PI / 180\r\n\r\n\t\t\t\t\t\tif (!panorama_shelf_exr) {\r\n\t\t\t\t\t\t\tthis.scene_.environment = tex\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tif (panorama_shelf_exr) {\r\n\t\t\t\tarr.push({\r\n\t\t\t\t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t\t\t\turl: `${panorama_shelf_exr}`,\r\n\t\t\t\t\t\tonAfter: tex => {\r\n\t\t\t\t\t\t\tthis.scene_.environment = tex\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\r\n\r\n\t\t\t// }\r\n\r\n\t\t} else {\r\n\r\n\t\t\t// TODO 新增时\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n\tget_panorama_url_(panorama) {\r\n\t\tif (this.isViewer__) {\r\n\t\t\treturn _common_util__WEBPACK_IMPORTED_MODULE_6__.isMobile ? panorama.urlSmall : panorama.url\r\n\t\t} else {\r\n\t\t\treturn panorama.urlSmall // 編輯器頻繁dispose，減少開銷\r\n\t\t}\r\n\t}\r\n\r\n\tdispose() {\r\n\t\tsuper.dispose()\r\n\t\tconsole.log('viewer dispose!')\r\n\t}\r\n\r\n}\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/viewer/ShelvesViewer_.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ShelvesViewer_\": () => (/* binding */ ShelvesViewer_)\n/* harmony export */ });\n/* harmony import */ var _ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ViewModeBaseViewer */ \"./src/crossyo/shelves/viewer/ViewModeBaseViewer.js\");\n/* harmony import */ var kutsi_util_BuilderEx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! kutsi/util/BuilderEx */ \"./src-kutsi/crossyo/kutsi/util/BuilderEx.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var kutsi_shelves_controls_ElasticFreeLookControls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! kutsi-shelves/controls/ElasticFreeLookControls */ \"./src-kutsi-shelves/crossyo/kutsi/controls/ElasticFreeLookControls.js\");\n/* harmony import */ var kutsi_util_SceneUtil__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! kutsi/util/SceneUtil */ \"./src-kutsi/crossyo/kutsi/util/SceneUtil.js\");\n/* harmony import */ var kutsi_util_SceneTuningUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! kutsi/util/SceneTuningUtil */ \"./src-kutsi/crossyo/kutsi/util/SceneTuningUtil.js\");\n/* harmony import */ var _assets_white_256_png__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../assets/white-256.png */ \"./src/crossyo/shelves/assets/white-256.png\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n/* harmony import */ var _si_SiObjects__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../si/SiObjects */ \"./src/crossyo/shelves/si/SiObjects.js\");\n/* harmony import */ var kutsi_util_frame_ViewTransformDetector__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! kutsi/util/frame/ViewTransformDetector */ \"./src-kutsi/crossyo/kutsi/util/frame/ViewTransformDetector.js\");\n\r\n\r\n\r\n\r\n\r\n// import { DropTableGeometry } from 'kutsi/geometry/DropTableGeometry'\r\n\r\n\r\n\r\n\r\n\r\n// import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'\r\n// import { TrackballControls } from 'three/examples/jsm/controls/TrackballControls'\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst try_mixin_two_fov_ = cam => {\r\n\tif (!cam.hasOwnProperty('aspectFov')) {\r\n\r\n\t\tcam.aspectFov_ = cam.fov\r\n\t\tcam.zoomFov_ = 1\r\n\t\tObject.defineProperty(cam, 'aspectFov', {\r\n\t\t\tset(v) {\r\n\t\t\t\tthis.aspectFov_ = v\r\n\t\t\t\tthis.fov = this.aspectFov_ * this.zoomFov_\r\n\t\t\t\t// console.log('update after aspectFov', this.fov)\r\n\t\t\t},\r\n\t\t\tget() {\r\n\t\t\t\treturn this.aspectFov_\r\n\t\t\t}\r\n\t\t})\r\n\t\tObject.defineProperty(cam, 'zoomFov', {\r\n\t\t\tset(v) {\r\n\t\t\t\tthis.zoomFov_ = v\r\n\t\t\t\tthis.fov = this.aspectFov_ * this.zoomFov_\r\n\t\t\t\t// console.log('update after zoomFov', this.fov)\r\n\t\t\t\tthis.updateProjectionMatrix()\r\n\t\t\t},\r\n\t\t\tget() {\r\n\t\t\t\treturn this.zoomFov_\r\n\t\t\t}\r\n\t\t})\r\n\r\n\t}\r\n}\r\n\r\nconst SPHERE_RADIUS = 13.65\r\nconst SPHERE_DEBUG = false // normal\r\n// const SPHERE_DEBUG = true // orbit show depth!\r\n\r\nclass ShelvesViewer_ extends _ViewModeBaseViewer__WEBPACK_IMPORTED_MODULE_0__.ViewModeBaseViewer {\r\n\r\n\tconstructor(opts) {\r\n\r\n\t\tsuper(Object.assign({\r\n\t\t\ttrend: {\r\n\t\t\t\thdr: true,\r\n\t\t\t},\r\n\t\t\tpicker: {\r\n\t\t\t\tuseHitsArray: true,\r\n\t\t\t},\r\n\t\t\t// manually_start_animate: true, // for loading\r\n\t\t\t// clzControls: MapControls,\r\n\t\t\tfov0: 55,\r\n\r\n\t\t\tclzBuilder: kutsi_util_BuilderEx__WEBPACK_IMPORTED_MODULE_1__.BuilderEx,\r\n\r\n\t\t\t// v2\r\n\t\t\t// assets: {\r\n\t\t\t// \tenv1: assets_env1,\r\n\t\t\t// }\r\n\r\n\t\t}, opts))\r\n\r\n\t\t// {//window aspect ratio!\r\n\t\t// \t// if (window.innerWidth / window.innerHeight < 1) {\r\n\t\t// \t// \tthis.opts_.fov0 = 75\r\n\t\t// \t// }\r\n\t\t// }\r\n\r\n\t\t// console.log('this.opts_', this.opts_)\r\n\r\n\t\tthis.shopData_ = this.opts_.shopData\r\n\r\n\t\tthis.isViewer__ = true\r\n\r\n\t\tthis.objects__ = new _si_SiObjects__WEBPACK_IMPORTED_MODULE_7__.SiObjects(this)\r\n\r\n\t\t// default 1 / 1000\r\n\t\tthis.observe_vtd_ = new kutsi_util_frame_ViewTransformDetector__WEBPACK_IMPORTED_MODULE_8__.ViewTransformDetector(1 / 100, false)\r\n\r\n\t}\r\n\r\n\tresize_() {\r\n\t\tsuper.resize_()\r\n\t\t// this.size_\r\n\r\n\t\ttry_mixin_two_fov_(this.camera_)\r\n\r\n\t\t// .5 -> 75\r\n\t\t// 2 -> 50\r\n\t\tlet aspect = this.size_.w / this.size_.h\r\n\t\tlet fov = three__WEBPACK_IMPORTED_MODULE_9__.MathUtils.lerp(75, 50, three__WEBPACK_IMPORTED_MODULE_9__.MathUtils.smoothstep(aspect, .5, 2))\r\n\t\t// console.log('\\t', aspect, fov)\r\n\r\n\t\t// this.camera_.fov = fov\r\n\t\tthis.camera_.aspectFov = fov\r\n\t\t// this.camera_.aspectFov = 75 // for snapshot!\r\n\t\tthis.camera_.updateProjectionMatrix()\r\n\r\n\t}\r\n\r\n\tstartup() {\r\n\t\tsuper.startup()\r\n\t\t// this.controls_.enablePan = true\r\n\t\tthis.scene_.background = new three__WEBPACK_IMPORTED_MODULE_9__.Color(0xefefef)\r\n\t}\r\n\r\n\tbeginLoadSpecs() {\r\n\r\n\t\tlet arr = super.beginLoadSpecs()\r\n\r\n\t\tthis.geo_env_sphere__ = new three__WEBPACK_IMPORTED_MODULE_9__.SphereBufferGeometry(SPHERE_RADIUS, 256, 256)\r\n\t\t// this.geo_env_sphere__ = new SphereBufferGeometry(SPHERE_RADIUS, 512, 512)\r\n\t\tthis.mesh_env_sphere__ = null\r\n\r\n\t\tthis.cart_plane_ = new three__WEBPACK_IMPORTED_MODULE_9__.Plane(new three__WEBPACK_IMPORTED_MODULE_9__.Vector3(-1, 0, 0), 2)\r\n\t\tthis.mesh_shelf__ = null\r\n\r\n\t\t// {// debug\r\n\t\t// \tthis.dump_keydown_after__ = () => {\r\n\t\t// \t\tconsole.log('shelf', this.mesh_shelf__)\r\n\t\t// \t}\r\n\t\t// }\r\n\r\n\t\tarr.push({\r\n\t\t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t\turl: _assets_white_256_png__WEBPACK_IMPORTED_MODULE_5__,\r\n\t\t\t\tonAfter: tex => {\r\n\t\t\t\t\tthis.w256_ = tex\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})\r\n\r\n\t\t// this.DEFAULT_TARGET__ = new Vector3(0.1, -0.01, 0.00)\r\n\t\t// this.DEFAULT_TARGET__ = new Vector3(2.37, -0.41, 0.00)\r\n\t\tthis.DEFAULT_TARGET__ = new three__WEBPACK_IMPORTED_MODULE_9__.Vector3(2.37, -0.31, 0.00)\r\n\r\n\t\tthis.specs_item_cust_controls_(arr)\r\n\r\n\t\tthis.specs_shop_data_base_(arr)\r\n\r\n\t\tlet shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_6__.get_shelf_0_)(this.shopData_)\r\n\t\tif (shelf0) {\r\n\r\n\t\t\tlet shelf_url = shelf0.url\r\n\t\t\tarr.push({\r\n\t\t\t\tfunc: 'setupModelGltf', param: {\r\n\t\t\t\t\tpath: shelf_url.substr(0, shelf_url.lastIndexOf('/')),\r\n\t\t\t\t\tname: shelf_url.substr(shelf_url.lastIndexOf('/')),\r\n\t\t\t\t\t// predefinedModel: (() => {\r\n\t\t\t\t\t// \tlet def = {\r\n\t\t\t\t\t// \t\tobjects_isolate_material: true,\r\n\t\t\t\t\t// \t\tmaps: {\r\n\t\t\t\t\t// \t\t\t'm1': { url: 'model/ao-2to1k-s4096/shelves_Bake1_CyclesBake_AO.png' }\r\n\t\t\t\t\t// \t\t},\r\n\t\t\t\t\t// \t\tobjects: {\r\n\t\t\t\t\t// \t\t\t'shelves': {\r\n\t\t\t\t\t// \t\t\t\tlightMap: 'm1'\r\n\t\t\t\t\t// \t\t\t}\r\n\t\t\t\t\t// \t\t}\r\n\t\t\t\t\t// \t}\r\n\t\t\t\t\t// \treturn def\r\n\t\t\t\t\t// })(),\r\n\t\t\t\t\tonAfter: o3d => {\r\n\r\n\t\t\t\t\t\to3d.traverse(c => {\r\n\t\t\t\t\t\t\tif (c.isMesh) {\r\n\t\t\t\t\t\t\t\tif (c.material.aoMap) {\r\n\t\t\t\t\t\t\t\t\tc.material.lightMap = c.material.aoMap\r\n\t\t\t\t\t\t\t\t\t// c.material.aoMap = null\r\n\t\t\t\t\t\t\t\t\tc.material.lightMapIntensity = .5\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tc.material.side = three__WEBPACK_IMPORTED_MODULE_9__.FrontSide\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif (/^box-\\d-\\d/.test(c.name)) {\r\n\t\t\t\t\t\t\t\tc.visible = false\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\t\tif (shelf0.position && shelf0.rotation) {\r\n\r\n\t\t\t\t\t\t\to3d.position.set(shelf0.position.x, shelf0.position.y, shelf0.position.z)\r\n\t\t\t\t\t\t\to3d.rotation.set(shelf0.rotation.x, shelf0.rotation.y, shelf0.rotation.z)\r\n\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\to3d.rotation.set(0, - Math.PI / 2, 0)\r\n\t\t\t\t\t\t\to3d.position.set(2.7, -1, 0)\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tthis.scene_.add(o3d)\r\n\r\n\t\t\t\t\t\to3d.name = 'shelf__'\r\n\t\t\t\t\t\tthis.mesh_shelf__ = o3d\r\n\r\n\t\t\t\t\t\t// .$model__ = o3d\r\n\t\t\t\t\t\tshelf0.get_model__ = () => {\r\n\t\t\t\t\t\t\treturn o3d\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t// dump_o3d(o3d)\r\n\t\t\t\t\t\t// can-2, box-2, pillow-2\r\n\r\n\t\t\t\t\t\t// create_sample_balls(balls => {\r\n\t\t\t\t\t\t// \tballs.position.set(2, -.25, 0)\r\n\t\t\t\t\t\t// \tthis.scene_.add(balls)\r\n\t\t\t\t\t\t// })\r\n\r\n\t\t\t\t\t\t// create_env_ball(ball => {\r\n\t\t\t\t\t\t// \tball.position.set(2, -.25, 0)\r\n\t\t\t\t\t\t// \tthis.scene_.add(ball)\r\n\t\t\t\t\t\t// })\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\r\n\t\t} else {\r\n\t\t\t// TODO 新建\r\n\t\t}\r\n\r\n\t\t// if (this.shopData_ && this.shopData_.commodities) {\r\n\r\n\t\t// \tthis.shopData_.commodities.forEach(mod => {\r\n\t\t// \t\tlet mod_url = mod.url\r\n\t\t// \t\tarr.push({\r\n\t\t// \t\t\tfunc: 'setupModelGltf', param: {\r\n\t\t// \t\t\t\tpath: mod_url.substr(0, mod_url.lastIndexOf('/')),\r\n\t\t// \t\t\t\tname: mod_url.substr(mod_url.lastIndexOf('/')),\r\n\t\t// \t\t\t\tonAfter: o3d => {\r\n\t\t// \t\t\t\t\to3d.traverse(c => {\r\n\t\t// \t\t\t\t\t\tif (c.isMesh) {\r\n\t\t// \t\t\t\t\t\t\tc.material.envMapIntensity = this.shopData_.panorama.multiply\r\n\t\t// \t\t\t\t\t\t\tc.material.side = FrontSide\r\n\t\t// \t\t\t\t\t\t}\r\n\t\t// \t\t\t\t\t})\r\n\t\t// \t\t\t\t\tif (!o3d.isMesh && o3d.children.length == 1) {\r\n\t\t// \t\t\t\t\t\t// 单个mesh, 需要导出时apply transform\r\n\t\t// \t\t\t\t\t\tmod.get_model__ = () => {\r\n\t\t// \t\t\t\t\t\t\treturn o3d.children[0]\r\n\t\t// \t\t\t\t\t\t}\r\n\t\t// \t\t\t\t\t} else {\r\n\t\t// \t\t\t\t\t\tmod.get_model__ = () => {\r\n\t\t// \t\t\t\t\t\t\treturn o3d\r\n\t\t// \t\t\t\t\t\t}\r\n\t\t// \t\t\t\t\t}\r\n\t\t// \t\t\t\t},\r\n\t\t// \t\t\t},\r\n\t\t// \t\t})\r\n\t\t// \t})\r\n\r\n\t\t// } else {\r\n\t\t// \t// TODO 新建\r\n\t\t// }\r\n\r\n\t\tif (this.shopData_ && this.shopData_.objects) {\r\n\t\t\tthis.objects__.attach_specs_for_load_(this.shopData_.objects, arr)\r\n\t\t}\r\n\r\n\t\tif (this.use_grid__) {\r\n\r\n\t\t\tlet grid = new three__WEBPACK_IMPORTED_MODULE_9__.GridHelper(4, 8)\r\n\t\t\t// grid.position.set(0, -5, 0)\r\n\t\t\tgrid.position.set(0, -1, 0)\r\n\t\t\tthis.scene_.add(grid)\r\n\r\n\t\t\t// let box = new Mesh(\r\n\t\t\t// \tnew BoxBufferGeometry(1.5, 1.5, .5),\r\n\t\t\t// \tnew MeshStandardMaterial({\r\n\t\t\t// \t\twireframe: true,\r\n\t\t\t// \t})\r\n\t\t\t// )\r\n\t\t\t// box.rotation.set(0, Math.PI / 2, 0)\r\n\t\t\t// box.position.set(2.25, -.25, 0)\r\n\t\t\t// this.scene_.add(box)\r\n\r\n\t\t}\r\n\r\n\t\t// cart plane !\r\n\r\n\r\n\t\treturn arr\r\n\t}\r\n\r\n\t// @can be override\r\n\tspecs_item_cust_controls_(arr) {\r\n\r\n\t\tarr.push({\r\n\t\t\tfunc: 'setupCustomization', param: {\r\n\t\t\t\tonDoing: next => {\r\n\r\n\t\t\t\t\t// this.scene_.fog = new Fog(this.theme_.fogColor, 400, 800)\r\n\r\n\t\t\t\t\t// this.controls_.minPolarAngle = 0\r\n\t\t\t\t\t// this.controls_.maxPolarAngle = Math.PI * .67\r\n\t\t\t\t\t// this.controls_.maxDistance = 400\r\n\r\n\t\t\t\t\t// this.scene_.add(new AxesHelper(10))\r\n\r\n\t\t\t\t\tlet target = this.DEFAULT_TARGET__\r\n\r\n\t\t\t\t\tif (SPHERE_DEBUG) { // debug\r\n\t\t\t\t\t\tthis.updateViewerLookat({\r\n\t\t\t\t\t\t\tposition: new three__WEBPACK_IMPORTED_MODULE_9__.Vector3(-1, 0.1, 0.00),\r\n\t\t\t\t\t\t\ttarget: new three__WEBPACK_IMPORTED_MODULE_9__.Vector3(0.00, 0.00, 0.00),\r\n\t\t\t\t\t\t\tforceUpdateNearFar: true,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\tthis.controls_.enablePan = true\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.changeControls(\r\n\t\t\t\t\t\t\t// new FreeLookControls\r\n\t\t\t\t\t\t\tnew kutsi_shelves_controls_ElasticFreeLookControls__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\r\n\t\t\t\t\t\t\t\t(this.camera_, this.renderer_.domElement, {\r\n\t\t\t\t\t\t\t\t\tlookDirection: -1,\r\n\t\t\t\t\t\t\t\t\telasticDirection: target,\r\n\t\t\t\t\t\t\t\t\tzoomResetFunction: e => {\r\n\t\t\t\t\t\t\t\t\t\treturn e.object.zoomFov\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tzoomFunction: e => {\r\n\t\t\t\t\t\t\t\t\t\te.object.zoomFov = e.zoom2\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tzoomMin: .5,\r\n\t\t\t\t\t\t\t\t\tzoomMax: 1,\r\n\t\t\t\t\t\t\t\t}))\r\n\r\n\t\t\t\t\t\tthis.updateViewerLookat({\r\n\t\t\t\t\t\t\t// position: new Vector3(-0.1, 0.01, 0.00),\r\n\t\t\t\t\t\t\t// target: new Vector3(0.00, 0.00, 0.00),\r\n\t\t\t\t\t\t\tposition: new three__WEBPACK_IMPORTED_MODULE_9__.Vector3(0.00, 0.00, 0.00),\r\n\t\t\t\t\t\t\ttarget,\r\n\t\t\t\t\t\t\tforceUpdateNearFar: true,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tnext()\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})\r\n\r\n\r\n\t}\r\n\r\n\tspecs_shop_data_base_(arr) {\r\n\r\n\t\tif (this.shopData_ && this.shopData_.panorama) {\r\n\r\n\t\t\t// if (this.shopData_.panorama.urlEnv) {\r\n\t\t\t// \tarr.push({\r\n\t\t\t// \t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t// \t\t\turl: `${this.shopData_.panorama.url}`,\r\n\t\t\t// \t\t\tonAfter: tex => {\r\n\t\t\t// \t\t\t\tthis.scene_.background = tex\r\n\t\t\t// \t\t\t\t// this.scene_.environment = tex\r\n\t\t\t// \t\t\t}\r\n\t\t\t// \t\t}\r\n\t\t\t// \t})\r\n\t\t\t// \tarr.push({\r\n\t\t\t// \t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t// \t\t\turl: `${this.shopData_.panorama.urlEnv}`,\r\n\t\t\t// \t\t\tonAfter: tex => {\r\n\t\t\t// \t\t\t\t// this.scene_.background = tex\r\n\t\t\t// \t\t\t\tthis.scene_.environment = tex\r\n\t\t\t// \t\t\t}\r\n\t\t\t// \t\t}\r\n\t\t\t// \t})\r\n\r\n\t\t\t// } else {\r\n\r\n\t\t\tlet panorama_shelf_exr = this.shopData_.panorama.urlShelfExr\r\n\t\t\tarr.push({\r\n\t\t\t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t\t\turl: `${this.get_panorama_url_(this.shopData_.panorama)}`,\r\n\t\t\t\t\tonAfter: tex => {\r\n\t\t\t\t\t\t// this.scene_.background = tex\r\n\t\t\t\t\t\t// for rotationY\r\n\r\n\t\t\t\t\t\tlet sp = new three__WEBPACK_IMPORTED_MODULE_9__.Mesh(\r\n\t\t\t\t\t\t\t// new SphereBufferGeometry(20, 256, 256),\r\n\t\t\t\t\t\t\tthis.geo_env_sphere__,\r\n\t\t\t\t\t\t\tnew three__WEBPACK_IMPORTED_MODULE_9__.MeshStandardMaterial({\r\n\t\t\t\t\t\t\t\tmap: tex,\r\n\t\t\t\t\t\t\t\tside: three__WEBPACK_IMPORTED_MODULE_9__.BackSide,\r\n\t\t\t\t\t\t\t\t// wireframe: true,\r\n\t\t\t\t\t\t\t\tfog: false,\r\n\t\t\t\t\t\t\t\t// displacementScale: -env_.radius * .992,\r\n\t\t\t\t\t\t\t\t// displacementMap: new TextureLoader().load(`${this.prefixAsset_}/env/equirect/${env_.code}-zdepth-1k.png`),\r\n\t\t\t\t\t\t\t\tdisplacementScale: - SPHERE_RADIUS,\r\n\t\t\t\t\t\t\t\tdisplacementMap: new three__WEBPACK_IMPORTED_MODULE_9__.TextureLoader().load(`${this.shopData_.panorama.urlDepth}`),\r\n\t\t\t\t\t\t\t\tenvMap: this.w256_,\r\n\t\t\t\t\t\t\t\t// envMapIntensity: 2,\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t\tsp.scale.set(1, 1, -1)\r\n\t\t\t\t\t\tsp.name = 'sys-env-sphere-'\r\n\t\t\t\t\t\tthis.scene_.add(sp)\r\n\r\n\t\t\t\t\t\tthis.mesh_env_sphere__ = sp\r\n\t\t\t\t\t\tthis.mesh_env_sphere__.rotation.y = this.shopData_.panorama.rotationY * Math.PI / 180\r\n\r\n\t\t\t\t\t\tif (!panorama_shelf_exr) {\r\n\t\t\t\t\t\t\tthis.scene_.environment = tex\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tif (panorama_shelf_exr) {\r\n\t\t\t\tarr.push({\r\n\t\t\t\t\tfunc: 'setupEnvEquirect', param: {\r\n\t\t\t\t\t\turl: `${panorama_shelf_exr}`,\r\n\t\t\t\t\t\tonAfter: tex => {\r\n\t\t\t\t\t\t\tthis.scene_.environment = tex\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\r\n\r\n\t\t\t// }\r\n\r\n\t\t} else {\r\n\r\n\t\t\t// TODO 新增时\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n\tget_panorama_url_(panorama) {\r\n\t\tif (this.isViewer__) {\r\n\t\t\treturn _common_util__WEBPACK_IMPORTED_MODULE_6__.isMobile ? panorama.urlSmall : panorama.url\r\n\t\t} else {\r\n\t\t\treturn panorama.urlSmall // 編輯器頻繁dispose，減少開銷\r\n\t\t}\r\n\t}\r\n\r\n\tbefore_render_(time, delta) {\r\n\t\tsuper.before_render_(time, delta)\r\n\r\n\t\tlet result = this.observe_vtd_.updateResult(this)\r\n\t\tif (result) {\r\n\t\t\t// console.log(data) \r\n\t\t\tthis.emit('roughViewChanged', result)\r\n\t\t}\r\n\t}\r\n\r\n\tdispose() {\r\n\t\tif (this.objects__) {\r\n\t\t\tthis.objects__.dispose()\r\n\t\t}\r\n\t\tsuper.dispose()\r\n\t\tconsole.log('viewer dispose!')\r\n\t}\r\n\r\n}\r\n\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/viewer/ShelvesViewer_.js?");
 
 /***/ }),
 
@@ -586,7 +696,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ShopPanoSurveyViewer_\": () => (/* binding */ ShopPanoSurveyViewer_)\n/* harmony export */ });\n/* harmony import */ var _HallShelvesViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./HallShelvesViewer */ \"./src/crossyo/shelves/viewer/HallShelvesViewer.js\");\n/* harmony import */ var _common_SurveyShelve__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/SurveyShelve */ \"./src/crossyo/shelves/common/SurveyShelve.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var three_examples_jsm_controls_OrbitControls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! three/examples/jsm/controls/OrbitControls */ \"./node_modules/_three@0.139.2@three/examples/jsm/controls/OrbitControls.js\");\n/* harmony import */ var kutsi_shelves_controls_FreeLookControls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! kutsi-shelves/controls/FreeLookControls */ \"./src-kutsi-shelves/crossyo/kutsi/controls/FreeLookControls.js\");\n/* harmony import */ var gsap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! gsap */ \"./node_modules/_gsap@3.11.3@gsap/index.js\");\n/* harmony import */ var _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./BehaviorQueue */ \"./src/crossyo/shelves/viewer/BehaviorQueue.js\");\n/* harmony import */ var kutsi_shelves_pp_FrostFar_pp__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! kutsi-shelves/pp/FrostFar_pp */ \"./src-kutsi-shelves/crossyo/kutsi/pp/FrostFar_pp.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// const AUTO_ROTATION = true\r\nconst AUTO_ROTATION = false // manually rotation\r\n\r\nclass ManuallyRotationControls {\r\n\r\n    constructor({ scene, domElement, focusTarget, behavior }) {\r\n        this.scene_ = scene\r\n        let fake_cam = new three__WEBPACK_IMPORTED_MODULE_5__.PerspectiveCamera()\r\n        this.fake_cam_ = fake_cam\r\n        this.behavior_ = behavior\r\n\r\n        // USE HELPER!\r\n        // this.helper_ = new CameraHelper(fake_cam)\r\n\r\n        this.scene_.add(this.helper_)\r\n        this.controls_ = new three_examples_jsm_controls_OrbitControls__WEBPACK_IMPORTED_MODULE_2__.OrbitControls(fake_cam, domElement)\r\n        // this.controls_.autoRotate = true\r\n        this.controls_.enableDamping = true\r\n        this.controls_.enablePan = false\r\n        // this.controls_.noPan = true // Trackball\r\n\r\n        this.controls_.minPolarAngle = Math.PI / 6\r\n        this.controls_.maxPolarAngle = Math.PI * 5 / 6\r\n\r\n        this.controls_.minDistance = .1\r\n        this.controls_.maxDistance = .4\r\n\r\n        this.focusTarget_ = focusTarget\r\n\r\n        let tgt = this.focusTarget_.position.clone()\r\n        this.controls_.target = tgt\r\n        fake_cam.position.copy(new three__WEBPACK_IMPORTED_MODULE_5__.Vector3(0, 0, -.2).add(tgt))\r\n\r\n        this.enabled_ = true\r\n\r\n    }\r\n\r\n    get enabled() {\r\n        return this.enabled_\r\n    }\r\n\r\n    set enabled(v) {\r\n        this.enabled_ = v\r\n        this.controls_.enabled = v\r\n    }\r\n\r\n    // set rotY(v) {\r\n    //     console.log('### ManuallyRotationControls set rotY', v)\r\n    // }\r\n\r\n    update(delta) {\r\n        if (!this.enabled_) return\r\n        this.controls_.update(delta)\r\n        let p1 = this.fake_cam_.position\r\n        let p0 = this.controls_.target\r\n\r\n        let dz = p1.z - p0.z\r\n        let dx = p1.x - p0.x\r\n\r\n        let xz = Math.sqrt(dz * dz + dx * dx)\r\n\r\n        let dist = new three__WEBPACK_IMPORTED_MODULE_5__.Vector3().subVectors(p1, p0).lengthSq()\r\n        // console.log(dist) .0\r\n\r\n        // .04 1\r\n        // .1   \r\n\r\n        let s = 1 / Math.sqrt(Math.max(.01, Math.min(dist, .16)) / .04)\r\n\r\n        // this.focusTarget_.rotation.set(0, Math.PI / 2 + Math.atan2(dz, dx), Math.atan2(p1.y - p0.y, xz), 'XYZ')\r\n        let rz = Math.PI / 2 + Math.atan2(dz, dx) // 左右\r\n        let ry = Math.atan2(p1.y - p0.y, xz) // 上下\r\n        this.focusTarget_.rotation.set(0, rz, ry, 'XZY')\r\n        this.focusTarget_.scale.set(s, s, s)\r\n\r\n        let srz = Math.round(rz * 100) / 100\r\n        let sry = Math.round(ry * 100) / 100\r\n\r\n        this.behavior_.idle_controls_update_(srz, sry, delta)\r\n\r\n    }\r\n\r\n    reset() {\r\n        this.focusTarget_.rotation.set(0, 0, 0, 'XYZ')\r\n        this.focusTarget_.scale.set(1, 1, 1)\r\n    }\r\n\r\n    dispose() {\r\n        this.reset()\r\n        if (this.helper_) {\r\n            this.scene_.remove(this.helper_)\r\n        }\r\n        this.controls_.dispose()\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\nclass ShopPanoSurveyViewer_ extends _HallShelvesViewer__WEBPACK_IMPORTED_MODULE_0__.HallShelvesViewer {\r\n\r\n    constructor(opts) {\r\n        super(Object.assign(opts, {\r\n            clzPostProcessing: kutsi_shelves_pp_FrostFar_pp__WEBPACK_IMPORTED_MODULE_6__.FrostFar_pp\r\n        }))\r\n\r\n        this.flyAnimation_ = true\r\n    }\r\n\r\n    startup() {\r\n        super.startup()\r\n        this.renderer_.pp_.no_pass_use_frost_ = false// true // default true, if clearly load process, set to false\r\n        // this.renderer_.pp_.grayTend = .33 // 如果采用饱和\r\n        this.renderer_.pp_.grayTend = .75 // 如果需要失去更多细节\r\n\r\n        // this.frostFarScene = true\r\n    }\r\n\r\n    endLoadSpecs() {\r\n\r\n        // super.endLoadSpecs()\r\n        // local controller!\r\n\r\n        // console.log(this.opts_.shopData.shelf)\r\n        // SUSPENSION 参考hall, 目前hall结构不一定会含有shelf\r\n\r\n        let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_7__.get_shelf_0_)(this.shopData_)\r\n\r\n        this.behavior_ = new _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__.BehaviorQueue({\r\n            viewer: this,\r\n            surveyId: this.opts_.surveyId,\r\n            // shelfId: this.opts_.shopData.shelf ? this.opts_.shopData.shelf.id : null, // #20221021 之后补充，之前数据没有shelf.id\r\n            shelfId: shelf0 ? shelf0.id : null,\r\n        })\r\n\r\n        this.shelve_ = new _common_SurveyShelve__WEBPACK_IMPORTED_MODULE_1__.SurveyShelve(this)\r\n        // console.log('MESH SHELF', this.mesh_shelf__)\r\n        if (shelf0 && shelf0.hideWhenSurvey) {\r\n            // console.log(this.shopData_.shelf)\r\n            this.mesh_shelf__.children.filter(c => c.isMesh).forEach(c => c.visible = false)\r\n        }\r\n\r\n        this.world_space_ = new three__WEBPACK_IMPORTED_MODULE_5__.Object3D()\r\n        this.scene_.add(this.world_space_)\r\n\r\n        this.hold_ = null\r\n        this.hold_null_cd_ = 0 // TEMP\r\n        this.cart_ = null\r\n        this.picker_.on('downUpPick', e => {\r\n            // console.log('downUpPick', e)\r\n\r\n            if (this.opt_keepHold__) {\r\n                return\r\n            }\r\n\r\n            this.to_hold_(e)\r\n\r\n        })\r\n\r\n        this.emit('loadingCompletion')\r\n\r\n    }\r\n\r\n    to_hold_(e) {\r\n\r\n        if (this.hold_null_cd_ > 0) return // TEMP\r\n        if (this.hold_ == null) {\r\n            if (e.int0) {\r\n                // e.int0.object -> Mesh\r\n                let m0 = e.int0.object\r\n                let m = m0.hit_.targetObject__ // v3.3 #20220730\r\n                // console.log(m0, m)\r\n                if (m) {\r\n                    // back_to_shelf_()\r\n\r\n                    this.controls_.enabled = false\r\n\r\n                    let mParent = m.parent\r\n                    this.hold_ = {\r\n                        // o3d: m,\r\n                        get_parent_cell() {\r\n                            return mParent\r\n                        },\r\n                        get_o3d() {\r\n                            return m\r\n                        },\r\n                        // position: m.position.clone(),\r\n                        localPosition: m.position.clone(),\r\n                        localRotationY: m.rotation.y,\r\n                        data: m0.hit_,\r\n                        init_time_: -1, // for rot!\r\n                    }\r\n\r\n                    // console.log(this.hold_.get_o3d())\r\n\r\n                    // m.position.set(.35, 0, 0)\r\n                    // fly to\r\n\r\n                    // zoomFov  t\t   sx\t\tdy\r\n                    // 1  \t\t0\t   1\t\t0\r\n                    // .5\t\t1\t   1.5\t\t-0.15\r\n\r\n                    let t = 2 - this.camera_.zoomFov * 2\r\n\r\n                    let sx = three__WEBPACK_IMPORTED_MODULE_5__.MathUtils.lerp(1, 1.5, t)\r\n                    // let dy = MathUtils.lerp(0, -.015, t)\r\n\r\n                    // let dy = -.1\r\n                    let dy = -.05   // 视点居中\r\n\r\n                    // console.log('zoomFov', this.camera_.zoomFov, t, sx, dy)\r\n\r\n                    // console.log('## survey viewer gsap to')\r\n\r\n                    this.world_space_.scale.set(1, 1, 1)\r\n                    this.world_space_.rotation.set(0, 0, 0, 'XYZ')\r\n                    this.world_space_.position.set(.35 * sx, dy, 0)  // #20220930, 设为hold中心一致\r\n                    this.world_space_.attach(m)\r\n                    gsap__WEBPACK_IMPORTED_MODULE_8__[\"default\"].to(m.position, {\r\n                        // x: .35 * sx,\r\n                        // y: dy,\r\n                        // z: 0,\r\n\r\n                        x: 0,\r\n                        y: - .1, // TODO 物体高度的一半\r\n                        z: 0,\r\n\r\n                        duration: this.flyAnimation_ ? .4 : 0,\r\n                        onComplete: () => {\r\n                            // console.log('## hold', this.hold_)\r\n                            this.behavior_.push({\r\n                                action: _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__.BehaviorAction.HOLD,\r\n                                wareId: this.hold_.data.surveyWare.id,\r\n                            })\r\n\r\n                            if (AUTO_ROTATION) {\r\n\r\n                            } else {\r\n\r\n                                // const USE_FREELOOK = true\r\n                                const USE_FREELOOK = false\r\n                                if (USE_FREELOOK) {\r\n\r\n                                    this.hold_controls_ = new kutsi_shelves_controls_FreeLookControls__WEBPACK_IMPORTED_MODULE_3__[\"default\"](this.hold_.get_o3d(), this.renderer_.domElement, {\r\n                                        lookDirection: -1,\r\n                                        lookSpeed: 2,\r\n                                    })\r\n                                    this.hold_controls_.target = new three__WEBPACK_IMPORTED_MODULE_5__.Vector3(1, 0, 0).add(this.hold_.get_o3d().position)\r\n\r\n                                } else {\r\n\r\n                                    this.hold_controls_ = new ManuallyRotationControls({\r\n                                        scene: this.scene_,\r\n                                        domElement: this.renderer_.domElement,\r\n                                        focusTarget: this.world_space_,\r\n                                        behavior: this.behavior_,\r\n                                    })\r\n                                    if (this.require_hold_controls_opts_) {\r\n                                        if (this.require_hold_controls_opts_.hasOwnProperty('enabled')) {\r\n                                            this.hold_controls_.enabled = this.require_hold_controls_opts_.enabled\r\n                                        }\r\n                                        // if (this.require_hold_controls_opts_.hasOwnProperty('rotY')) {\r\n                                        //     this.hold_controls_.rotY = this.require_hold_controls_opts_.rotY\r\n                                        // }\r\n                                    }\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n                        }\r\n                    })\r\n                    //\r\n\r\n                    this.emit('hold', this.hold_)\r\n                    this.hold_null_cd_ = .5 // TEMP\r\n                }\r\n            }\r\n\r\n        } else { // 有 hold\r\n            let hold_to_shelf = false\r\n            if (e.int0) {// 点中，但不是自己\r\n                // e.int0.object -> Mesh\r\n                let m0 = e.int0.object\r\n                let m = m0.hit_.targetObject__ // v3.3 #20220730\r\n                if (this.hold_.get_o3d() != m) {\r\n                    hold_to_shelf = true\r\n                }\r\n            } else {\r\n                // 没有点中\r\n                hold_to_shelf = true\r\n            }\r\n\r\n            if (hold_to_shelf) {\r\n                this.emit('from_scene_hold_to_shelf')\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n    before_update_(time, delta) {\r\n        // super.before_update_(time, delta)\r\n        if (AUTO_ROTATION) {\r\n            if (this.hold_) {\r\n                if (this.hold_.init_time_ == -1) {\r\n                    this.hold_.init_time_ = time\r\n                }\r\n                this.hold_.get_o3d().rotation.set(0, time - this.hold_.init_time_ - Math.PI / 2, 0)\r\n            }\r\n\r\n\r\n        } else {\r\n\r\n            if (this.hold_controls_) {\r\n                this.hold_controls_.update(delta)\r\n            }\r\n\r\n        }\r\n\r\n        if (this.hold_null_cd_ > 0) {\r\n            this.hold_null_cd_ -= delta\r\n            // console.log(this.hold_null_cd_)\r\n        }\r\n\r\n        // if (this.test_shelf_move__) {\r\n        //     this.test_shelf_move__.position.z = Math.sin(time)\r\n        // }\r\n    }\r\n\r\n    set elCart(el) {\r\n        // console.log('## set elCart', el)\r\n        this.el_cart_ = el\r\n    }\r\n\r\n    calc_cart_target_() {\r\n        // console.log('## calc_cart_target_', this.el_cart_, this.cart_plane_)\r\n        if (this.el_cart_ && this.cart_plane_) {\r\n\r\n            let rect0 = this.renderer_.domElement.getBoundingClientRect()\r\n            let rect1 = this.el_cart_.getBoundingClientRect()\r\n\r\n            // console.log('update_cart_target_',\r\n            // \t// this.el_cart_.getClientRects(),\r\n            // \trect0,\r\n            // \trect1,\r\n            // \tthis.cart_plane_)\r\n\r\n            let wpos = new three__WEBPACK_IMPORTED_MODULE_5__.Vector2(\r\n                rect1.x + rect1.width / 2 - rect0.x,\r\n                rect1.y + rect1.height / 2 - rect0.y\r\n            )\r\n\r\n            let vpos = new three__WEBPACK_IMPORTED_MODULE_5__.Vector2(\r\n                (wpos.x / rect0.width) * 2 - 1,\r\n                -(wpos.y / rect0.height) * 2 + 1\r\n            )\r\n\r\n            // console.log(wpos, vpos)\r\n\r\n            let rc = new three__WEBPACK_IMPORTED_MODULE_5__.Raycaster()\r\n            rc.setFromCamera(vpos, this.camera_)\r\n            return rc.ray.intersectPlane(this.cart_plane_, new three__WEBPACK_IMPORTED_MODULE_5__.Vector3())\r\n\r\n        }\r\n\r\n        return new three__WEBPACK_IMPORTED_MODULE_5__.Vector3(2, -.55, 1.55) // fall back\r\n    }\r\n\r\n    // 布置货架内容\r\n    arrange(page) {\r\n        // console.log(this.shelve_, page)\r\n\r\n        this.cart_ = null\r\n        if (this.hold_) {// #20220611, 清除前一次可能的hold\r\n            let o3d = this.hold_.get_o3d()\r\n            o3d.removeFromParent()\r\n        }\r\n        this.hold_release_()\r\n\r\n        return this.shelve_.arrange(page)\r\n    }\r\n\r\n    action(actionName) {\r\n        // console.log('## viewer action', actionName)\r\n        if (actionName == 'hold_to_shelf') { // 由按钮激活，改为由场景来操作\r\n            if (this.hold_) {\r\n\r\n                // this.hold_.o3d.rotation.set(0, - Math.PI / 2, 0)\r\n                // this.hold_.o3d.position.copy(this.hold_.position)\r\n\r\n                // world to local\r\n                let o3d = this.hold_.get_o3d()\r\n\r\n                if (this.hold_controls_) {\r\n                    this.hold_controls_.reset()\r\n                }\r\n                this.hold_.get_parent_cell().attach(o3d)\r\n\r\n                o3d.rotation.set(0, this.hold_.localRotationY, 0)\r\n                o3d.position.copy(this.hold_.localPosition)\r\n\r\n                this.behavior_.push({\r\n                    action: _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__.BehaviorAction.PUT_BACK,\r\n                    wareId: this.hold_.data.surveyWare.id,\r\n                })\r\n\r\n                // this.hold_ = null\r\n                this.hold_release_()\r\n            }\r\n\r\n        } else if (actionName == 'hold_to_cart') {\r\n            if (this.hold_) {\r\n\r\n                if (this.cart_) { // prev\r\n                    // this.cart_.o3d.rotation.set(0, - Math.PI / 2, 0)\r\n                    // this.cart_.o3d.position.copy(this.cart_.position)\r\n\r\n                    // world to local\r\n                    let o3d = this.cart_.get_o3d()\r\n\r\n                    if (this.hold_controls_) {\r\n                        this.hold_controls_.reset()\r\n                    }\r\n                    this.cart_.get_parent_cell().attach(o3d)\r\n\r\n                    o3d.rotation.set(0, this.cart_.localRotationY, 0)\r\n                    o3d.position.copy(this.cart_.localPosition)\r\n\r\n                }\r\n\r\n                {\r\n                    this.cart_ = this.hold_\r\n                }\r\n\r\n                let tgt = this.calc_cart_target_()\r\n                gsap__WEBPACK_IMPORTED_MODULE_8__[\"default\"].to(this.cart_.get_o3d().position, {\r\n                    x: tgt.x,\r\n                    y: tgt.y,\r\n                    z: tgt.z,\r\n                    duration: this.flyAnimation_ ? .4 : 0,\r\n                    onComplete: () => {\r\n\r\n                        // this.cart_.o3d.position.set(2, -1, 0) // for debug\r\n                        this.cart_.get_o3d().position.set(2 - 100, -1 - 100, - 100)\r\n\r\n                    }\r\n                })\r\n\r\n                this.behavior_.push({\r\n                    action: _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__.BehaviorAction.PUT_CART,\r\n                    wareId: this.hold_.data.surveyWare.id,\r\n                })\r\n\r\n                // this.hold_ = null\r\n                this.hold_release_()\r\n\r\n            }\r\n\r\n        } else if (actionName == 'try_cart_to_shelf') {\r\n            if (this.cart_) {\r\n                // this.cart_.o3d.rotation.set(0, - Math.PI / 2, 0)\r\n                // this.cart_.o3d.position.copy(this.cart_.position)\r\n\r\n                // world to local\r\n                let o3d = this.cart_.get_o3d()\r\n\r\n                this.cart_.get_parent_cell().attach(o3d)\r\n\r\n                o3d.rotation.set(0, this.cart_.localRotationY, 0)\r\n                o3d.position.copy(this.cart_.localPosition)\r\n\r\n                this.cart_ = null\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    hold_release_() {\r\n        if (this.hold_controls_) {\r\n            this.hold_controls_.dispose()\r\n            this.hold_controls_ = null\r\n        }\r\n        if (this.hold_) {\r\n            this.hold_ = null\r\n        }\r\n        this.controls_.enabled = true\r\n    }\r\n\r\n    // #20221130\r\n    flush_behavior() {\r\n        if (this.behavior_) {\r\n            this.behavior_.flush()\r\n        }\r\n    }\r\n\r\n    dispose() {\r\n        super.dispose()\r\n    }\r\n\r\n    // #20221018, hold\r\n    // #20221115, frostFarScene, #20221122, 改为整体状态切换\r\n    hold({ wareId, keepHold = false/*, frostFarScene = false*/, freezeRotY = NaN }) {\r\n        // console.log('hold..', wareId, keepHold)\r\n        if (wareId) {\r\n\r\n            let arr = this.picker_.hits_.arr\r\n            let f_mesh = null\r\n            for (let i in arr) {\r\n                let mesh = arr[i]\r\n                if (mesh.hit_.surveyWare.id == wareId) {\r\n                    f_mesh = mesh\r\n                    break\r\n                }\r\n            }\r\n            // console.log(wareId, arr.length, f_mesh)\r\n            if (f_mesh) {\r\n                this.to_hold_({\r\n                    int0: {\r\n                        object: f_mesh\r\n                    }\r\n                })\r\n            }\r\n\r\n        }\r\n\r\n        this.opt_keepHold__ = keepHold\r\n\r\n        freezeRotY = parseFloat(freezeRotY)\r\n        if (!isNaN(freezeRotY)) {\r\n            // console.log('## survey viewer freezeRotY', freezeRotY, this.world_space_)\r\n            this.require_hold_controls_opts_ = {\r\n                enabled: false,\r\n                // rotY: freezeRotY / 180 * Math.PI,\r\n            }\r\n            this.world_space_.children.forEach(c => {\r\n                c.rotation.y += freezeRotY / 180 * Math.PI\r\n            })\r\n        }\r\n\r\n    }\r\n\r\n    // #20221030\r\n    moveToCart({ wareId }) {\r\n\r\n\r\n\r\n    }\r\n\r\n    // #20221122\r\n    get frostFarScene() {\r\n        return this.renderer_.pp_.usePass\r\n    }\r\n\r\n    set frostFarScene(v) {\r\n        if (v != this.frostFarScene) {\r\n            console.log('### set frostFarScene', v)\r\n            let pp = this.renderer_.pp_\r\n            if (v) {\r\n                pp.beginPass(() => {\r\n                    let sc = this.scene_.children\r\n                    for (let i = 0; i < sc.length - 1; i++) {\r\n                        sc[i].visible = true\r\n                    }\r\n                    sc[sc.length - 1].visible = false\r\n                }, () => {\r\n                    let sc = this.scene_.children\r\n                    for (let i = 0; i < sc.length - 1; i++) {\r\n                        sc[i].visible = false\r\n                    }\r\n                    sc[sc.length - 1].visible = true\r\n                })\r\n            } else {\r\n                let sc = this.scene_.children\r\n                for (let i = 0; i < sc.length; i++) {\r\n                    sc[i].visible = true\r\n                }\r\n                pp.endPass()\r\n            }\r\n        }\r\n    }\r\n\r\n    // #20221123\r\n    get flyAnimation() {\r\n        return this.flyAnimation_\r\n    }\r\n\r\n    set flyAnimation(v) {\r\n        if (v != this.flyAnimation_) {\r\n            this.flyAnimation_ = v\r\n            // console.log('set flyAnimation', v)\r\n        }\r\n    }\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/viewer/ShopPanoSurveyViewer_.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ShopPanoSurveyViewer_\": () => (/* binding */ ShopPanoSurveyViewer_)\n/* harmony export */ });\n/* harmony import */ var _HallShelvesViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./HallShelvesViewer */ \"./src/crossyo/shelves/viewer/HallShelvesViewer.js\");\n/* harmony import */ var _common_SurveyShelve__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../common/SurveyShelve */ \"./src/crossyo/shelves/common/SurveyShelve.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var three_examples_jsm_controls_OrbitControls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! three/examples/jsm/controls/OrbitControls */ \"./node_modules/_three@0.139.2@three/examples/jsm/controls/OrbitControls.js\");\n/* harmony import */ var kutsi_shelves_controls_FreeLookControls__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! kutsi-shelves/controls/FreeLookControls */ \"./src-kutsi-shelves/crossyo/kutsi/controls/FreeLookControls.js\");\n/* harmony import */ var gsap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! gsap */ \"./node_modules/_gsap@3.11.3@gsap/index.js\");\n/* harmony import */ var _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./BehaviorQueue */ \"./src/crossyo/shelves/viewer/BehaviorQueue.js\");\n/* harmony import */ var kutsi_shelves_pp_FrostFar_pp__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! kutsi-shelves/pp/FrostFar_pp */ \"./src-kutsi-shelves/crossyo/kutsi/pp/FrostFar_pp.js\");\n/* harmony import */ var _common_util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../common/util */ \"./src/crossyo/shelves/common/util.js\");\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// const AUTO_ROTATION = true\r\nconst AUTO_ROTATION = false // manually rotation\r\n\r\nclass ManuallyRotationControls {\r\n\r\n    constructor({ scene, domElement, focusTarget, behavior }) {\r\n        this.scene_ = scene\r\n        let fake_cam = new three__WEBPACK_IMPORTED_MODULE_5__.PerspectiveCamera()\r\n        this.fake_cam_ = fake_cam\r\n        this.behavior_ = behavior\r\n\r\n        // USE HELPER!\r\n        // this.helper_ = new CameraHelper(fake_cam)\r\n\r\n        this.scene_.add(this.helper_)\r\n        this.controls_ = new three_examples_jsm_controls_OrbitControls__WEBPACK_IMPORTED_MODULE_2__.OrbitControls(fake_cam, domElement)\r\n        // this.controls_.autoRotate = true\r\n        this.controls_.enableDamping = true\r\n        this.controls_.enablePan = false\r\n        // this.controls_.noPan = true // Trackball\r\n\r\n        this.controls_.minPolarAngle = Math.PI / 6\r\n        this.controls_.maxPolarAngle = Math.PI * 5 / 6\r\n\r\n        this.controls_.minDistance = .1\r\n        this.controls_.maxDistance = .4\r\n\r\n        this.focusTarget_ = focusTarget\r\n\r\n        let tgt = this.focusTarget_.position.clone()\r\n        this.controls_.target = tgt\r\n        fake_cam.position.copy(new three__WEBPACK_IMPORTED_MODULE_5__.Vector3(0, 0, -.2).add(tgt))\r\n\r\n        this.enabled_ = true\r\n\r\n    }\r\n\r\n    get enabled() {\r\n        return this.enabled_\r\n    }\r\n\r\n    set enabled(v) {\r\n        this.enabled_ = v\r\n        this.controls_.enabled = v\r\n    }\r\n\r\n    // set rotY(v) {\r\n    //     console.log('### ManuallyRotationControls set rotY', v)\r\n    // }\r\n\r\n    update(delta) {\r\n        if (!this.enabled_) return\r\n        this.controls_.update(delta)\r\n        let p1 = this.fake_cam_.position\r\n        let p0 = this.controls_.target\r\n\r\n        let dz = p1.z - p0.z\r\n        let dx = p1.x - p0.x\r\n\r\n        let xz = Math.sqrt(dz * dz + dx * dx)\r\n\r\n        let dist = new three__WEBPACK_IMPORTED_MODULE_5__.Vector3().subVectors(p1, p0).lengthSq()\r\n        // console.log(dist) .0\r\n\r\n        // .04 1\r\n        // .1   \r\n\r\n        let s = 1 / Math.sqrt(Math.max(.01, Math.min(dist, .16)) / .04)\r\n\r\n        // this.focusTarget_.rotation.set(0, Math.PI / 2 + Math.atan2(dz, dx), Math.atan2(p1.y - p0.y, xz), 'XYZ')\r\n        let rz = Math.PI / 2 + Math.atan2(dz, dx) // 左右\r\n        let ry = Math.atan2(p1.y - p0.y, xz) // 上下\r\n        this.focusTarget_.rotation.set(0, rz, ry, 'XZY')\r\n        this.focusTarget_.scale.set(s, s, s)\r\n\r\n        let srz = Math.round(rz * 100) / 100\r\n        let sry = Math.round(ry * 100) / 100\r\n\r\n        this.behavior_.idle_controls_update_(srz, sry, delta)\r\n\r\n    }\r\n\r\n    reset() {\r\n        this.focusTarget_.rotation.set(0, 0, 0, 'XYZ')\r\n        this.focusTarget_.scale.set(1, 1, 1)\r\n    }\r\n\r\n    dispose() {\r\n        this.reset()\r\n        if (this.helper_) {\r\n            this.scene_.remove(this.helper_)\r\n        }\r\n        this.controls_.dispose()\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\nclass ShopPanoSurveyViewer_ extends _HallShelvesViewer__WEBPACK_IMPORTED_MODULE_0__.HallShelvesViewer {\r\n\r\n    constructor(opts) {\r\n        super(Object.assign(opts, {\r\n            clzPostProcessing: kutsi_shelves_pp_FrostFar_pp__WEBPACK_IMPORTED_MODULE_6__.FrostFar_pp\r\n        }))\r\n\r\n        this.flyAnimation_ = true\r\n    }\r\n\r\n    startup() {\r\n        super.startup()\r\n        this.renderer_.pp_.no_pass_use_frost_ = false// true // default true, if clearly load process, set to false\r\n        // this.renderer_.pp_.grayTend = .33 // 如果采用饱和\r\n        this.renderer_.pp_.grayTend = .75 // 如果需要失去更多细节\r\n\r\n        // this.frostFarScene = true\r\n    }\r\n\r\n    endLoadSpecs() {\r\n\r\n        // super.endLoadSpecs()\r\n        // local controller!\r\n\r\n        // console.log(this.opts_.shopData.shelf)\r\n        // SUSPENSION 参考hall, 目前hall结构不一定会含有shelf\r\n\r\n        let shelf0 = (0,_common_util__WEBPACK_IMPORTED_MODULE_7__.get_shelf_0_)(this.shopData_)\r\n\r\n        this.behavior_ = new _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__.BehaviorQueue({\r\n            viewer: this,\r\n            surveyId: this.opts_.surveyId,\r\n            // shelfId: this.opts_.shopData.shelf ? this.opts_.shopData.shelf.id : null, // #20221021 之后补充，之前数据没有shelf.id\r\n            shelfId: shelf0 ? shelf0.id : null,\r\n        })\r\n\r\n        this.shelve_ = new _common_SurveyShelve__WEBPACK_IMPORTED_MODULE_1__.SurveyShelve(this)\r\n        // console.log('MESH SHELF', this.mesh_shelf__)\r\n        if (shelf0 && shelf0.hideWhenSurvey) {\r\n            // console.log(this.shopData_.shelf)\r\n            this.mesh_shelf__.children.filter(c => c.isMesh).forEach(c => c.visible = false)\r\n        }\r\n\r\n        this.world_space_ = new three__WEBPACK_IMPORTED_MODULE_5__.Object3D()\r\n        this.scene_.add(this.world_space_)\r\n\r\n        this.hold_ = null\r\n        this.hold_null_cd_ = 0 // TEMP\r\n        this.cart_ = null\r\n        this.picker_.on('downUpPick', e => {\r\n            // console.log('downUpPick', e)\r\n\r\n            if (this.opt_keepHold__) {\r\n                return\r\n            }\r\n\r\n            this.to_hold_(e)\r\n\r\n        })\r\n\r\n        this.emit('loadingCompletion')\r\n\r\n    }\r\n\r\n    to_hold_(e) {\r\n\r\n        if (this.hold_null_cd_ > 0) return // TEMP\r\n        if (this.hold_ == null) {\r\n            if (e.int0) {\r\n                // e.int0.object -> Mesh\r\n                let m0 = e.int0.object\r\n                let m = m0.hit_.targetObject__ // v3.3 #20220730\r\n                // console.log(m0, m)\r\n                if (m) {\r\n                    // back_to_shelf_()\r\n\r\n                    this.controls_.enabled = false\r\n\r\n                    let mParent = m.parent\r\n                    this.hold_ = {\r\n                        // o3d: m,\r\n                        get_parent_cell() {\r\n                            return mParent\r\n                        },\r\n                        get_o3d() {\r\n                            return m\r\n                        },\r\n                        // position: m.position.clone(),\r\n                        localPosition: m.position.clone(),\r\n                        localRotationY: m.rotation.y,\r\n                        data: m0.hit_,\r\n                        init_time_: -1, // for rot!\r\n                    }\r\n\r\n                    // console.log(this.hold_.get_o3d())\r\n\r\n                    // m.position.set(.35, 0, 0)\r\n                    // fly to\r\n\r\n                    // zoomFov  t\t   sx\t\tdy\r\n                    // 1  \t\t0\t   1\t\t0\r\n                    // .5\t\t1\t   1.5\t\t-0.15\r\n\r\n                    let t = 2 - this.camera_.zoomFov * 2\r\n\r\n                    let sx = three__WEBPACK_IMPORTED_MODULE_5__.MathUtils.lerp(1, 1.5, t)\r\n                    // let dy = MathUtils.lerp(0, -.015, t)\r\n\r\n                    // let dy = -.1\r\n                    let dy = -.05   // 视点居中\r\n\r\n                    // console.log('zoomFov', this.camera_.zoomFov, t, sx, dy)\r\n\r\n                    // console.log('## survey viewer gsap to')\r\n\r\n                    this.world_space_.scale.set(1, 1, 1)\r\n                    this.world_space_.rotation.set(0, 0, 0, 'XYZ')\r\n                    this.world_space_.position.set(.35 * sx, dy, 0)  // #20220930, 设为hold中心一致\r\n                    this.world_space_.attach(m)\r\n                    gsap__WEBPACK_IMPORTED_MODULE_8__[\"default\"].to(m.position, {\r\n                        // x: .35 * sx,\r\n                        // y: dy,\r\n                        // z: 0,\r\n\r\n                        x: 0,\r\n                        y: - .1, // TODO 物体高度的一半\r\n                        z: 0,\r\n\r\n                        duration: this.flyAnimation_ ? .4 : 0,\r\n                        onComplete: () => {\r\n                            // console.log('## hold', this.hold_)\r\n                            this.behavior_.push({\r\n                                action: _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__.BehaviorAction.HOLD,\r\n                                wareId: this.hold_.data.surveyWare.id,\r\n                            })\r\n\r\n                            if (AUTO_ROTATION) {\r\n\r\n                            } else {\r\n\r\n                                // const USE_FREELOOK = true\r\n                                const USE_FREELOOK = false\r\n                                if (USE_FREELOOK) {\r\n\r\n                                    this.hold_controls_ = new kutsi_shelves_controls_FreeLookControls__WEBPACK_IMPORTED_MODULE_3__[\"default\"](this.hold_.get_o3d(), this.renderer_.domElement, {\r\n                                        lookDirection: -1,\r\n                                        lookSpeed: 2,\r\n                                    })\r\n                                    this.hold_controls_.target = new three__WEBPACK_IMPORTED_MODULE_5__.Vector3(1, 0, 0).add(this.hold_.get_o3d().position)\r\n\r\n                                } else {\r\n\r\n                                    this.hold_controls_ = new ManuallyRotationControls({\r\n                                        scene: this.scene_,\r\n                                        domElement: this.renderer_.domElement,\r\n                                        focusTarget: this.world_space_,\r\n                                        behavior: this.behavior_,\r\n                                    })\r\n                                    if (this.require_hold_controls_opts_) {\r\n                                        if (this.require_hold_controls_opts_.hasOwnProperty('enabled')) {\r\n                                            this.hold_controls_.enabled = this.require_hold_controls_opts_.enabled\r\n                                        }\r\n                                        // if (this.require_hold_controls_opts_.hasOwnProperty('rotY')) {\r\n                                        //     this.hold_controls_.rotY = this.require_hold_controls_opts_.rotY\r\n                                        // }\r\n                                    }\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n                        }\r\n                    })\r\n                    //\r\n\r\n                    this.emit('hold', this.hold_)\r\n                    this.hold_null_cd_ = .5 // TEMP\r\n                }\r\n            }\r\n\r\n        } else { // 有 hold\r\n            let hold_to_shelf = false\r\n            if (e.int0) {// 点中，但不是自己\r\n                // e.int0.object -> Mesh\r\n                let m0 = e.int0.object\r\n                let m = m0.hit_.targetObject__ // v3.3 #20220730\r\n                if (this.hold_.get_o3d() != m) {\r\n                    hold_to_shelf = true\r\n                }\r\n            } else {\r\n                // 没有点中\r\n                hold_to_shelf = true\r\n            }\r\n\r\n            if (hold_to_shelf) {\r\n                this.emit('from_scene_hold_to_shelf')\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n    before_update_(time, delta) {\r\n        // super.before_update_(time, delta)\r\n        if (AUTO_ROTATION) {\r\n            if (this.hold_) {\r\n                if (this.hold_.init_time_ == -1) {\r\n                    this.hold_.init_time_ = time\r\n                }\r\n                this.hold_.get_o3d().rotation.set(0, time - this.hold_.init_time_ - Math.PI / 2, 0)\r\n            }\r\n\r\n\r\n        } else {\r\n\r\n            if (this.hold_controls_) {\r\n                this.hold_controls_.update(delta)\r\n            }\r\n\r\n        }\r\n\r\n        if (this.hold_null_cd_ > 0) {\r\n            this.hold_null_cd_ -= delta\r\n            // console.log(this.hold_null_cd_)\r\n        }\r\n\r\n        // if (this.test_shelf_move__) {\r\n        //     this.test_shelf_move__.position.z = Math.sin(time)\r\n        // }\r\n    }\r\n\r\n    set elCart(el) {\r\n        // console.log('## set elCart', el)\r\n        this.el_cart_ = el\r\n    }\r\n\r\n    calc_cart_target_() {\r\n        // console.log('## calc_cart_target_', this.el_cart_, this.cart_plane_)\r\n        if (this.el_cart_ && this.cart_plane_) {\r\n\r\n            let rect0 = this.renderer_.domElement.getBoundingClientRect()\r\n            let rect1 = this.el_cart_.getBoundingClientRect()\r\n\r\n            // console.log('update_cart_target_',\r\n            // \t// this.el_cart_.getClientRects(),\r\n            // \trect0,\r\n            // \trect1,\r\n            // \tthis.cart_plane_)\r\n\r\n            let wpos = new three__WEBPACK_IMPORTED_MODULE_5__.Vector2(\r\n                rect1.x + rect1.width / 2 - rect0.x,\r\n                rect1.y + rect1.height / 2 - rect0.y\r\n            )\r\n\r\n            let vpos = new three__WEBPACK_IMPORTED_MODULE_5__.Vector2(\r\n                (wpos.x / rect0.width) * 2 - 1,\r\n                -(wpos.y / rect0.height) * 2 + 1\r\n            )\r\n\r\n            // console.log(wpos, vpos)\r\n\r\n            let rc = new three__WEBPACK_IMPORTED_MODULE_5__.Raycaster()\r\n            rc.setFromCamera(vpos, this.camera_)\r\n            return rc.ray.intersectPlane(this.cart_plane_, new three__WEBPACK_IMPORTED_MODULE_5__.Vector3())\r\n\r\n        }\r\n\r\n        return new three__WEBPACK_IMPORTED_MODULE_5__.Vector3(2, -.55, 1.55) // fall back\r\n    }\r\n\r\n    // 布置货架内容\r\n    arrange(page) {\r\n        // console.log(this.shelve_, page)\r\n\r\n        this.cart_ = null\r\n        if (this.hold_) {// #20220611, 清除前一次可能的hold\r\n            let o3d = this.hold_.get_o3d()\r\n            o3d.removeFromParent()\r\n        }\r\n        this.hold_release_()\r\n\r\n        return this.shelve_.arrange(page)\r\n    }\r\n\r\n    action(actionName) {\r\n        // console.log('## viewer action', actionName)\r\n        if (actionName == 'hold_to_shelf') { // 由按钮激活，改为由场景来操作\r\n            if (this.hold_) {\r\n\r\n                // this.hold_.o3d.rotation.set(0, - Math.PI / 2, 0)\r\n                // this.hold_.o3d.position.copy(this.hold_.position)\r\n\r\n                // world to local\r\n                let o3d = this.hold_.get_o3d()\r\n\r\n                if (this.hold_controls_) {\r\n                    this.hold_controls_.reset()\r\n                }\r\n                this.hold_.get_parent_cell().attach(o3d)\r\n\r\n                o3d.rotation.set(0, this.hold_.localRotationY, 0)\r\n                o3d.position.copy(this.hold_.localPosition)\r\n\r\n                this.behavior_.push({\r\n                    action: _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__.BehaviorAction.PUT_BACK,\r\n                    wareId: this.hold_.data.surveyWare.id,\r\n                })\r\n\r\n                // this.hold_ = null\r\n                this.hold_release_()\r\n            }\r\n\r\n        } else if (actionName == 'hold_to_cart') {\r\n            if (this.hold_) {\r\n\r\n                if (this.cart_) { // prev\r\n                    // this.cart_.o3d.rotation.set(0, - Math.PI / 2, 0)\r\n                    // this.cart_.o3d.position.copy(this.cart_.position)\r\n\r\n                    // world to local\r\n                    let o3d = this.cart_.get_o3d()\r\n\r\n                    if (this.hold_controls_) {\r\n                        this.hold_controls_.reset()\r\n                    }\r\n                    this.cart_.get_parent_cell().attach(o3d)\r\n\r\n                    o3d.rotation.set(0, this.cart_.localRotationY, 0)\r\n                    o3d.position.copy(this.cart_.localPosition)\r\n\r\n                }\r\n\r\n                {\r\n                    this.cart_ = this.hold_\r\n                }\r\n\r\n                let tgt = this.calc_cart_target_()\r\n                gsap__WEBPACK_IMPORTED_MODULE_8__[\"default\"].to(this.cart_.get_o3d().position, {\r\n                    x: tgt.x,\r\n                    y: tgt.y,\r\n                    z: tgt.z,\r\n                    duration: this.flyAnimation_ ? .4 : 0,\r\n                    onComplete: () => {\r\n\r\n                        // this.cart_.o3d.position.set(2, -1, 0) // for debug\r\n                        this.cart_.get_o3d().position.set(2 - 100, -1 - 100, - 100)\r\n\r\n                    }\r\n                })\r\n\r\n                this.behavior_.push({\r\n                    action: _BehaviorQueue__WEBPACK_IMPORTED_MODULE_4__.BehaviorAction.PUT_CART,\r\n                    wareId: this.hold_.data.surveyWare.id,\r\n                })\r\n\r\n                // this.hold_ = null\r\n                this.hold_release_()\r\n\r\n            }\r\n\r\n        } else if (actionName == 'try_cart_to_shelf') {\r\n            if (this.cart_) {\r\n                // this.cart_.o3d.rotation.set(0, - Math.PI / 2, 0)\r\n                // this.cart_.o3d.position.copy(this.cart_.position)\r\n\r\n                // world to local\r\n                let o3d = this.cart_.get_o3d()\r\n\r\n                this.cart_.get_parent_cell().attach(o3d)\r\n\r\n                o3d.rotation.set(0, this.cart_.localRotationY, 0)\r\n                o3d.position.copy(this.cart_.localPosition)\r\n\r\n                this.cart_ = null\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    hold_release_() {\r\n        if (this.hold_controls_) {\r\n            this.hold_controls_.dispose()\r\n            this.hold_controls_ = null\r\n        }\r\n        if (this.hold_) {\r\n            this.hold_ = null\r\n        }\r\n        this.controls_.enabled = true\r\n    }\r\n\r\n    // #20221130\r\n    flush_behavior() {\r\n        if (this.behavior_) {\r\n            this.behavior_.flush()\r\n        }\r\n    }\r\n\r\n    dispose() {\r\n        if (this.shelve_) {\r\n            this.shelve_.dispose()\r\n        }\r\n        super.dispose()\r\n    }\r\n\r\n    // #20221018, hold\r\n    // #20221115, frostFarScene, #20221122, 改为整体状态切换\r\n    hold({ wareId, keepHold = false/*, frostFarScene = false*/, freezeRotY = NaN }) {\r\n        // console.log('hold..', wareId, keepHold)\r\n        if (wareId) {\r\n\r\n            let arr = this.picker_.hits_.arr\r\n            let f_mesh = null\r\n            for (let i in arr) {\r\n                let mesh = arr[i]\r\n                if (mesh.hit_.surveyWare.id == wareId) {\r\n                    f_mesh = mesh\r\n                    break\r\n                }\r\n            }\r\n            // console.log(wareId, arr.length, f_mesh)\r\n            if (f_mesh) {\r\n                this.to_hold_({\r\n                    int0: {\r\n                        object: f_mesh\r\n                    }\r\n                })\r\n            }\r\n\r\n        }\r\n\r\n        this.opt_keepHold__ = keepHold\r\n\r\n        freezeRotY = parseFloat(freezeRotY)\r\n        if (!isNaN(freezeRotY)) {\r\n            // console.log('## survey viewer freezeRotY', freezeRotY, this.world_space_)\r\n            this.require_hold_controls_opts_ = {\r\n                enabled: false,\r\n                // rotY: freezeRotY / 180 * Math.PI,\r\n            }\r\n            this.world_space_.children.forEach(c => {\r\n                c.rotation.y += freezeRotY / 180 * Math.PI\r\n            })\r\n        }\r\n\r\n    }\r\n\r\n    // #20221030\r\n    moveToCart({ wareId }) {\r\n\r\n\r\n\r\n    }\r\n\r\n    // #20221122\r\n    get frostFarScene() {\r\n        return this.renderer_.pp_.usePass\r\n    }\r\n\r\n    set frostFarScene(v) {\r\n        if (v != this.frostFarScene) {\r\n            console.log('### set frostFarScene', v)\r\n            let pp = this.renderer_.pp_\r\n            if (v) {\r\n                pp.beginPass(() => {\r\n                    let sc = this.scene_.children\r\n                    for (let i = 0; i < sc.length - 1; i++) {\r\n                        sc[i].visible = true\r\n                    }\r\n                    sc[sc.length - 1].visible = false\r\n                }, () => {\r\n                    let sc = this.scene_.children\r\n                    for (let i = 0; i < sc.length - 1; i++) {\r\n                        sc[i].visible = false\r\n                    }\r\n                    sc[sc.length - 1].visible = true\r\n                })\r\n            } else {\r\n                let sc = this.scene_.children\r\n                for (let i = 0; i < sc.length; i++) {\r\n                    sc[i].visible = true\r\n                }\r\n                pp.endPass()\r\n            }\r\n        }\r\n    }\r\n\r\n    // #20221123\r\n    get flyAnimation() {\r\n        return this.flyAnimation_\r\n    }\r\n\r\n    set flyAnimation(v) {\r\n        if (v != this.flyAnimation_) {\r\n            this.flyAnimation_ = v\r\n            // console.log('set flyAnimation', v)\r\n        }\r\n    }\r\n\r\n}\r\n\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/viewer/ShopPanoSurveyViewer_.js?");
 
 /***/ }),
 
@@ -597,7 +707,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TARGET_FAR\": () => (/* binding */ TARGET_FAR),\n/* harmony export */   \"TARGET_NEAR\": () => (/* binding */ TARGET_NEAR),\n/* harmony export */   \"VIEW_MODE\": () => (/* binding */ VIEW_MODE),\n/* harmony export */   \"ViewModeBaseViewer\": () => (/* binding */ ViewModeBaseViewer)\n/* harmony export */ });\n/* harmony import */ var kutsi_BaseViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! kutsi/BaseViewer */ \"./src-kutsi/crossyo/kutsi/BaseViewer.js\");\n/* harmony import */ var three_examples_jsm_controls_OrbitControls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! three/examples/jsm/controls/OrbitControls */ \"./node_modules/_three@0.139.2@three/examples/jsm/controls/OrbitControls.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var three_examples_jsm_libs_lil_gui_module_min__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! three/examples/jsm/libs/lil-gui.module.min */ \"./node_modules/_three@0.139.2@three/examples/jsm/libs/lil-gui.module.min.js\");\n\r\n\r\n\r\n\r\n\r\n\r\nkutsi_BaseViewer__WEBPACK_IMPORTED_MODULE_0__.registerClass.GUI = three_examples_jsm_libs_lil_gui_module_min__WEBPACK_IMPORTED_MODULE_2__.GUI\r\n\r\nconst VIEW_MODE = {\r\n    PANORAMA: 1,\r\n    ORBIT: 2,\r\n\r\n    FPS: 3,  // for v5 hall\r\n}\r\n\r\nconst TARGET_NEAR = .75 // controls 可以 x .25\r\nconst TARGET_FAR = 2 // controls 可以 x 4 \r\n\r\n\r\nclass ViewModeBaseViewer extends kutsi_BaseViewer__WEBPACK_IMPORTED_MODULE_0__[\"default\"] {\r\n\r\n    constructor(opts) {\r\n        super(opts)\r\n\r\n        this.viewMode__ = VIEW_MODE.PANORAMA\r\n    }\r\n\r\n    get viewMode() {\r\n        return this.viewMode__\r\n    }\r\n\r\n    create_cms_for_pano_editor_() {\r\n\r\n        this.cms_ = {\r\n            lookAt: { controls: this.controls_ },\r\n            orbit: { controls: null }\r\n        }\r\n        // this.cms_.orbit.controls.enabled = false\r\n        console.log('## this.cms_ for pano editor', this.cms_)\r\n    }\r\n\r\n    create_cms_for_hall_editor_() {\r\n\r\n        this.cms_ = {\r\n            fps: { controls: this.controls_ },\r\n            orbit: { controls: null }\r\n        }\r\n        // this.cms_.orbit.controls.enabled = false\r\n        console.log('## this.cms_ for hall editor', this.cms_)\r\n    }\r\n\r\n    changeViewMode_(mode, changeByIndirectReason = false, onCompletion = null) {\r\n        if (this.change_view_mode_working__) {\r\n            return\r\n        }\r\n        if (mode != this.viewMode__) {\r\n            this.change_view_mode_working__ = true\r\n            if (this.viewMode__ == VIEW_MODE.PANORAMA) {\r\n                // pano -> orbit\r\n                if (this.mesh_env_sphere__) {\r\n                    this.mesh_env_sphere__.visible = false\r\n                }\r\n\r\n                // fly\r\n                this.controls_.enabled = false\r\n                if (!this.cms_.orbit.controls) {\r\n                    let controls = new three_examples_jsm_controls_OrbitControls__WEBPACK_IMPORTED_MODULE_1__.OrbitControls(this.camera_, this.renderer_.domElement)\r\n                    controls.minDistance = TARGET_NEAR * .25\r\n                    controls.maxDistance = TARGET_FAR * 4\r\n                    this.cms_.orbit.controls = controls\r\n                }\r\n                this.controls_ = this.cms_.orbit.controls\r\n\r\n                this.change_view_mode_working__ = false\r\n                this.viewMode__ = mode\r\n\r\n                this.controls_.enabled = true\r\n                this.emit('viewModeChanged', mode)\r\n                if (onCompletion != null) {\r\n                    onCompletion()\r\n                }\r\n\r\n            } else {\r\n                // orbit -> pano\r\n                if (this.mesh_env_sphere__) {\r\n                    this.mesh_env_sphere__.visible = true\r\n                }\r\n\r\n                // fly\r\n                this.controls_.enabled = false\r\n                this.controls_ = this.cms_.lookAt.controls\r\n\r\n                this.change_view_mode_working__ = false\r\n                this.viewMode__ = mode\r\n\r\n                this.controls_.enabled = true\r\n                this.emit('viewModeChanged', mode)\r\n                if (onCompletion != null) {\r\n                    onCompletion()\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n    }\r\n\r\n    orbit_update_for_(o3d, forceDeg45 = false) {\r\n        let dir = null\r\n        if (forceDeg45) {\r\n            dir = new three__WEBPACK_IMPORTED_MODULE_3__.Vector3(-2, 1, 1).normalize()\r\n        } else {\r\n            dir = new three__WEBPACK_IMPORTED_MODULE_3__.Vector3().subVectors(this.controls_.object.position, this.controls_.target).normalize()\r\n        }\r\n\r\n        let bbx = new three__WEBPACK_IMPORTED_MODULE_3__.Box3().expandByObject(o3d)\r\n        let target = bbx.getCenter(new three__WEBPACK_IMPORTED_MODULE_3__.Vector3())\r\n        let size = bbx.getSize(new three__WEBPACK_IMPORTED_MODULE_3__.Vector3())\r\n        let len = Math.min(Math.max(TARGET_NEAR, size.length() * 2), TARGET_FAR)\r\n\r\n        // this.controls_.object.position.copy(dir.multiplyScalar(len).add(target))\r\n        // this.controls_.target.copy(target)\r\n\r\n        this.flyTo({\r\n            target,\r\n            position: dir.multiplyScalar(len).add(target),\r\n            duration: .2,\r\n        }, () => {\r\n        })\r\n    }\r\n\r\n    dispose() {\r\n        super.dispose()\r\n\r\n        // this.cms_.lookAt.controls.dispose()\r\n        // if (this.cms_.orbit.controls) {\r\n        //     this.cms_.orbit.controls.dispose()\r\n        // }\r\n\r\n        if (this.cms_) {\r\n            Object.values(this.cms_).forEach(o => {\r\n                if (o.controls) {\r\n                    // console.log('@@ dispose controls', o.controls)\r\n                    o.controls.dispose()\r\n                }\r\n            })\r\n        }\r\n\r\n    }\r\n\r\n}\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/viewer/ViewModeBaseViewer.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"TARGET_FAR\": () => (/* binding */ TARGET_FAR),\n/* harmony export */   \"TARGET_NEAR\": () => (/* binding */ TARGET_NEAR),\n/* harmony export */   \"VIEW_MODE\": () => (/* binding */ VIEW_MODE),\n/* harmony export */   \"ViewModeBaseViewer\": () => (/* binding */ ViewModeBaseViewer)\n/* harmony export */ });\n/* harmony import */ var kutsi_BaseViewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! kutsi/BaseViewer */ \"./src-kutsi/crossyo/kutsi/BaseViewer.js\");\n/* harmony import */ var three_examples_jsm_controls_OrbitControls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! three/examples/jsm/controls/OrbitControls */ \"./node_modules/_three@0.139.2@three/examples/jsm/controls/OrbitControls.js\");\n/* harmony import */ var three__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! three */ \"./node_modules/_three@0.139.2@three/build/three.module.js\");\n/* harmony import */ var three_examples_jsm_libs_lil_gui_module_min__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! three/examples/jsm/libs/lil-gui.module.min */ \"./node_modules/_three@0.139.2@three/examples/jsm/libs/lil-gui.module.min.js\");\n\r\n\r\n\r\n\r\n\r\n\r\nkutsi_BaseViewer__WEBPACK_IMPORTED_MODULE_0__.registerClass.GUI = three_examples_jsm_libs_lil_gui_module_min__WEBPACK_IMPORTED_MODULE_2__.GUI\r\n\r\nconst VIEW_MODE = {\r\n    PANORAMA: 1,\r\n    ORBIT: 2,\r\n\r\n    FPS: 3,  // for v5 hall\r\n}\r\n\r\nconst TARGET_NEAR = .75 // controls 可以 x .25\r\nconst TARGET_FAR = 2 // controls 可以 x 4 \r\n\r\n\r\nclass ViewModeBaseViewer extends kutsi_BaseViewer__WEBPACK_IMPORTED_MODULE_0__[\"default\"] {\r\n\r\n    constructor(opts) {\r\n        super(opts)\r\n\r\n        this.viewMode__ = VIEW_MODE.PANORAMA\r\n    }\r\n\r\n    get viewMode() {\r\n        return this.viewMode__\r\n    }\r\n\r\n    create_cms_for_pano_editor_() {\r\n\r\n        this.cms_ = {\r\n            lookAt: { controls: this.controls_ },\r\n            orbit: { controls: null }\r\n        }\r\n        // this.cms_.orbit.controls.enabled = false\r\n        console.log('## this.cms_ for pano editor', this.cms_)\r\n    }\r\n\r\n    create_cms_for_hall_editor_() {\r\n\r\n        this.cms_ = {\r\n            fps: { controls: this.controls_ },\r\n            orbit: { controls: null }\r\n        }\r\n        // this.cms_.orbit.controls.enabled = false\r\n        console.log('## this.cms_ for hall editor', this.cms_)\r\n    }\r\n\r\n    changeViewMode_(mode, changeByIndirectReason = false, onCompletion = null) {\r\n        if (this.change_view_mode_working__) {\r\n            return\r\n        }\r\n        if (mode != this.viewMode__) {\r\n            this.change_view_mode_working__ = true\r\n            \r\n            if (this.viewMode__ == VIEW_MODE.PANORAMA) {\r\n                // pano -> orbit\r\n                if (this.mesh_env_sphere__) {\r\n                    this.mesh_env_sphere__.visible = false\r\n                }\r\n\r\n                // fly\r\n                this.controls_.enabled = false\r\n                if (!this.cms_.orbit.controls) {\r\n                    let controls = new three_examples_jsm_controls_OrbitControls__WEBPACK_IMPORTED_MODULE_1__.OrbitControls(this.camera_, this.renderer_.domElement)\r\n                    controls.minDistance = TARGET_NEAR * .25\r\n                    controls.maxDistance = TARGET_FAR * 4\r\n                    this.cms_.orbit.controls = controls\r\n                }\r\n                this.controls_ = this.cms_.orbit.controls\r\n\r\n                this.change_view_mode_working__ = false\r\n                this.viewMode__ = mode\r\n\r\n                this.controls_.enabled = true\r\n                this.emit('viewModeChanged', mode)\r\n                if (onCompletion != null) {\r\n                    onCompletion()\r\n                }\r\n\r\n            } else {\r\n                // orbit -> pano\r\n                if (this.mesh_env_sphere__) {\r\n                    this.mesh_env_sphere__.visible = true\r\n                }\r\n\r\n                // fly\r\n                this.controls_.enabled = false\r\n                this.controls_ = this.cms_.lookAt.controls\r\n\r\n                this.change_view_mode_working__ = false\r\n                this.viewMode__ = mode\r\n\r\n                this.controls_.enabled = true\r\n                this.emit('viewModeChanged', mode)\r\n                if (onCompletion != null) {\r\n                    onCompletion()\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n    }\r\n\r\n    orbit_update_for_(o3d, forceDeg45 = false) {\r\n        let dir = null\r\n        if (forceDeg45) {\r\n            dir = new three__WEBPACK_IMPORTED_MODULE_3__.Vector3(-2, 1, 1).normalize()\r\n        } else {\r\n            dir = new three__WEBPACK_IMPORTED_MODULE_3__.Vector3().subVectors(this.controls_.object.position, this.controls_.target).normalize()\r\n        }\r\n\r\n        let bbx = new three__WEBPACK_IMPORTED_MODULE_3__.Box3().expandByObject(o3d)\r\n        let target = bbx.getCenter(new three__WEBPACK_IMPORTED_MODULE_3__.Vector3())\r\n        let size = bbx.getSize(new three__WEBPACK_IMPORTED_MODULE_3__.Vector3())\r\n        let len = Math.min(Math.max(TARGET_NEAR, size.length() * 2), TARGET_FAR)\r\n\r\n        // this.controls_.object.position.copy(dir.multiplyScalar(len).add(target))\r\n        // this.controls_.target.copy(target)\r\n\r\n        this.flyTo({\r\n            target,\r\n            position: dir.multiplyScalar(len).add(target),\r\n            duration: .2,\r\n        }, () => {\r\n        })\r\n    }\r\n\r\n    dispose() {\r\n        super.dispose()\r\n\r\n        // this.cms_.lookAt.controls.dispose()\r\n        // if (this.cms_.orbit.controls) {\r\n        //     this.cms_.orbit.controls.dispose()\r\n        // }\r\n\r\n        if (this.cms_) {\r\n            Object.values(this.cms_).forEach(o => {\r\n                if (o.controls) {\r\n                    // console.log('@@ dispose controls', o.controls)\r\n                    o.controls.dispose()\r\n                }\r\n            })\r\n        }\r\n\r\n    }\r\n\r\n}\n\n//# sourceURL=webpack://shelves/./src/crossyo/shelves/viewer/ViewModeBaseViewer.js?");
 
 /***/ }),
 
diff --git a/src/views/Creative/utils.default.scss b/src/views/Creative/utils.default.scss
new file mode 100644
index 00000000..a920a7a5
--- /dev/null
+++ b/src/views/Creative/utils.default.scss
@@ -0,0 +1,387 @@
+
+/* Works on Firefox */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #ECECEC rgba(0, 0, 0, 0);
+}
+
+/* Works on Chrome, Edge, and Safari */
+*::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+  background: rgba(0, 0, 0, 0);
+  border-radius: 0;
+}
+
+/* *::-webkit-scrollbar-track {
+} */
+
+*::-webkit-scrollbar-thumb {
+  width: 4px;
+  height: 4px;
+  background: #ECECEC;
+  border-radius: 0;
+}
+
+/* Code for Firefox */
+::-moz-selection { 
+color: #fff;
+background: #70B936;
+}
+
+/* Code for Chrome, Edge, and Safari */
+::selection {
+color: #fff;
+background: #70B936;
+}
+
+#app {
+  margin: 0px;
+}
+
+.yo-scrollbar {
+  display: flex;
+  flex-flow: column;
+  flex-wrap: wrap;
+  gap: 25px;
+  padding: 25px;
+  overflow-y: auto;
+  grid-template-columns: repeat(1, 1fr);
+}
+
+.yo-scrollbar2 {
+  display: flex;
+  flex-flow: column;
+  /* gap: 25px; */
+  padding: 25px;
+  overflow-y: auto;
+}
+
+.yo-content {
+  display: flex;
+  flex-flow: column;
+  gap: 25px;
+  padding-top: 25px;
+}
+
+.yo-thumb {
+  display: inline-block;
+  width: auto;
+  height: 130px;
+  /* color: #70B936; */
+  background-color: rgba(245, 245, 245, 0.6);
+  border: none;
+  box-sizing: border-box;
+  border-radius: 10px;
+  margin: 0;
+  text-align: center;
+}
+
+.yo-thumb:hover,
+.yo-thumb:focus {
+  border: none;
+  cursor: pointer;
+  transform: scale(1.05);
+}
+
+.yo-thumb:active {
+  border: none;
+  cursor: pointer;
+  transform: scale(0.95);
+}
+
+.yo-thumb img {
+  width: 100%;
+  height: 100%;
+  border-radius: 10px;
+}
+
+.yo-obj-fit-cover {
+  object-fit: cover;
+}
+
+.yo-obj-fit-contain {
+  object-fit: contain;
+}
+
+.ant-input {
+  color: #434343;
+}
+
+.ant-input-affix-wrapper {
+  color: #434343;
+  border-color: #DFE0E3;
+  background: #FEFFFE;
+  border-radius: 6px;
+  padding-left: 4px;
+}
+
+.ant-input-affix-wrapper:hover {
+  border-color: #70B936;
+}
+
+.ant-input-affix-wrapper img {
+  width: 24px;
+}
+
+.ant-input-affix-wrapper-focused {
+  box-shadow: none;
+}
+
+.ant-input-affix-wrapper .ant-input-prefix,
+.ant-input-affix-wrapper .ant-input-suffix {
+  color: #7E7E7E;
+  font-size: 12px;
+}
+
+.ant-slider-rail {
+  height: 6px;
+  background: #ECECEC;
+  border-radius: 3px;
+}
+
+.ant-slider-track {
+  height: 6px;
+  background: #7EC04A;
+  border-radius: 3px;
+}
+
+.ant-slider-handle {
+  width: 20px;
+  height: 20px;
+  margin-top: -7px;
+  background: #7EC04A;
+  border: 4px solid #DFF4D0;
+}
+
+.ant-slider-handle:focus {
+  border-color: #DFF4D0;
+  box-shadow: none;
+}
+
+.ant-slider-handle.ant-tooltip-open {
+  border-color: #DFF4D0;
+}
+
+.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
+  border-color: #DFF4D0;
+}
+
+.ant-slider-step {
+  height: 6px;
+}
+
+.ant-slider:hover .ant-slider-rail {
+  background: #ECECEC;
+}
+
+.ant-slider:hover .ant-slider-track {
+  background: #7EC04A;
+}
+
+.ant-tooltip-inner {
+  color: #fff;
+  background: #808080;
+  border-radius: 2px;
+  font-size: 12px;
+  line-height: 18px;
+  box-shadow: none;
+}
+
+.ant-radio-button-wrapper {
+  color: #434343;
+  border: none;
+  background: #f9f9f9;
+}
+
+.ant-radio-button-wrapper:hover {
+  color: #7EC04A;
+  background: #f9f9f9;
+}
+
+/* .ant-radio-button-wrapper:active {
+  color: #7EC04A;
+  background: #f9f9f9;
+} */
+
+.ant-radio-button-wrapper:first-child {
+  border: none;
+  border-radius: 6px 0 0 6px;
+}
+
+.ant-radio-button-wrapper:last-child {
+  border: none;
+  border-radius: 0 6px 6px 0;
+}
+
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  color: #ffffff;
+  background: #7EC04A;
+  border: none;
+}
+
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+  color: #ffffff;
+  background: #7EC04A;
+  border: none;
+}
+
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
+  box-shadow: none;
+}
+
+.ant-radio-button-wrapper:not(:first-child)::before {
+  background: none;
+}
+
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
+  background: none;
+}
+
+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
+  background: none;
+}
+
+.ant-divider {
+  color: #F5F5F5;
+  margin: 0;
+}
+
+.empty1 {
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: 2px;
+  color: #434343;
+  text-align: center;
+}
+
+.yo-title-s16 {
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: 2px;
+  color: #434343;
+}
+
+.yo-title-s14 {
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: 2px;
+  color: #434343;
+}
+
+.yo-icon img {
+  width: 100%;
+  height: 100%;
+}
+
+/* element plus */
+
+.el-button {
+  min-width: 88px;
+}
+
+.el-button--small {
+  font-size: 11px;
+}
+
+.el-scrollbar__bar.is-vertical {
+  width: 4px;
+  top: 0;
+}
+
+.el-scrollbar__bar {
+  right: 0;
+  bottom: 0;
+  border-radius: 0;
+}
+
+.el-dialog__headerbtn {
+  font-size: 20px;
+}
+
+.el-dialog__footer {
+  text-align: center;
+}
+
+.dialog-footer button:first-child {
+  margin-right: 40px;
+}
+
+.el-collapse {
+  border: none;
+  background: none;
+}
+
+.el-collapse-item__header {
+  border: none;
+  background: none;
+  font-weight: 600;
+  font-size: 11px;
+}
+
+.el-collapse-item__wrap {
+  border: none;
+  background: none;
+}
+
+.el-collapse-item__content {
+  font-size: 11px;
+}
+
+.el-slider {
+  height: 24px;
+  --el-slider-border-radius: 3px;
+  --el-slider-height: 1px;
+  --el-slider-button-size: 10px;
+  --el-slider-button-wrapper-size: 8px;
+  --el-slider-button-wrapper-offset: -8px;
+}
+
+.el-slider__button {
+  border: solid 1px var(--el-slider-main-bg-color);
+}
+
+.el-slider__bar {
+  background: none;
+}
+
+.el-input.is-disabled .el-input__wrapper {
+  background-color: #ffffff;
+}
+
+.yo-special-input .yo-input-small .el-input__wrapper {
+  padding: 1px 16px 1px 8px;
+}
+
+.el-input-number.is-controls-right .el-input__wrapper {
+  padding-left: 8px;
+  padding-right: 24px;
+}
+
+.el-input-number--small .el-input-number__decrease,
+.el-input-number--small .el-input-number__increase {
+  width: 16px;
+  font-size: 11px;
+}
+
+.yo-input-number-small {
+  width: 56px;
+}
+
+.yo-input-small {
+  font-size: 11px;
+  height: 24px;
+}
+
+.yo-line {
+  width: 100%;
+  height: 1px;
+  background-color: #efefef;
+}
+
+.yo-v-gap {
+  width: 100%;
+  height: 8px;
+}
+
+/* antdv */
\ No newline at end of file