|
|
|
|
@ -23,46 +23,21 @@ var renderjs
|
|
|
|
|
|
|
|
|
|
/* normalize component */
|
|
|
|
|
|
|
|
|
|
// 通过运行时的 `componentNormalizer` 方法来正常化 Vue 组件的结构
|
|
|
|
|
var component = Object(_F_HBuilderX_2_2_2_20190816_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
|
|
|
|
|
// 引入组件的脚本部分，通常包括了组件的逻辑代码、data、methods 等
|
|
|
|
|
_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
|
|
|
|
|
|
|
|
|
|
// 引入组件的模板部分，负责定义该组件的 HTML 结构
|
|
|
|
|
_index_vue_vue_type_template_id_7d30bc3a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
|
|
|
|
|
|
|
|
|
|
// 引入静态渲染函数，通常是与模板相关的静态部分（例如静态内容和样式）
|
|
|
|
|
_index_vue_vue_type_template_id_7d30bc3a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
|
|
|
|
|
|
|
|
|
|
// 表示该组件是否开启 `functional` 模式，`false` 代表不是函数式组件
|
|
|
|
|
false,
|
|
|
|
|
|
|
|
|
|
// 该参数用于配置作用域样式，`null` 代表没有特殊的作用域样式配置
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
|
|
// 该参数是作用域 ID，通常用于样式作用域的命名空间，"7d30bc3a" 是该组件的作用域标识符
|
|
|
|
|
"7d30bc3a",
|
|
|
|
|
|
|
|
|
|
// 该参数表示是否开启热重载功能，`null` 通常表示默认设置
|
|
|
|
|
null,
|
|
|
|
|
|
|
|
|
|
// 设置是否启用 `scoped` 样式，`false` 表示没有作用域样式
|
|
|
|
|
false,
|
|
|
|
|
|
|
|
|
|
// 引入该组件使用的子组件
|
|
|
|
|
_index_vue_vue_type_template_id_7d30bc3a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["components"],
|
|
|
|
|
|
|
|
|
|
// 引入组件的 JavaScript 渲染逻辑
|
|
|
|
|
renderjs
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// 设置 `component` 对象的 `__file` 属性，指定该组件的源文件路径
|
|
|
|
|
component.options.__file = "components/uni-piker/index.vue";
|
|
|
|
|
|
|
|
|
|
/* harmony default export */
|
|
|
|
|
// 导出组件对象，使其可以在其他地方引用
|
|
|
|
|
__webpack_exports__["default"] = (component.exports);
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
component.options.__file = "components/uni-piker/index.vue"
|
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (component.exports);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
@ -95,44 +70,21 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
|
|
/*! exports provided: render, staticRenderFns, recyclableRender, components */
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict"; // 使用严格模式，禁止一些不安全的 JavaScript 行为，如变量声明必须明确
|
|
|
|
|
|
|
|
|
|
// 导出模块接口的设置，确保 `__webpack_require__.r(__webpack_exports__);` 在模块中标记为 ES6 模块
|
|
|
|
|
"use strict";
|
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
|
|
|
|
|
|
// 导出 `render` 函数，使它可以在其他模块中使用
|
|
|
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
|
|
|
|
|
|
|
|
|
|
// 导出 `staticRenderFns`，它通常包含静态渲染函数，用于优化静态内容渲染
|
|
|
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
|
|
|
|
|
|
|
|
|
|
// 导出 `recyclableRender`，标识该组件的渲染是否可回收，优化性能
|
|
|
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
|
|
|
|
|
|
|
|
|
|
// 导出 `components`，通常包含该组件所依赖的子组件
|
|
|
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
|
|
|
|
|
|
|
|
|
|
// 声明一个空变量 `components`，它将来可能会被赋值为子组件的引用
|
|
|
|
|
var components;
|
|
|
|
|
|
|
|
|
|
// 定义组件的 `render` 函数，这里是一个模板渲染函数的占位符
|
|
|
|
|
// `_vm` 是 Vue 组件的实例，`_h` 是 Vue 的创建元素方法，`_c` 是 `createElement` 的快捷方式
|
|
|
|
|
var components
|
|
|
|
|
var render = function() {
|
|
|
|
|
var _vm = this; // 当前组件的 Vue 实例
|
|
|
|
|
var _h = _vm.$createElement; // `createElement` 方法，Vue 用于创建虚拟 DOM 节点
|
|
|
|
|
var _c = _vm._self._c || _h; // `createElement` 是 `_self._c` 或者 `_h`，为兼容性处理
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// `recyclableRender` 是一个标识符，指示组件的渲染是否是可回收的，通常用于优化性能
|
|
|
|
|
// 设置为 `false` 表示渲染不可回收，可能导致不做性能优化
|
|
|
|
|
var recyclableRender = false;
|
|
|
|
|
|
|
|
|
|
// `staticRenderFns` 是存储静态渲染函数的数组，通常包含组件模板中没有变化的静态部分
|
|
|
|
|
var staticRenderFns = [];
|
|
|
|
|
|
|
|
|
|
// `render._withStripped = true` 标记该渲染函数已经被去除了一些开发时的辅助代码，比如注释等
|
|
|
|
|
render._withStripped = true; // 表示这个渲染函数已经经过“精简”处理，不包含开发环境的调试信息
|
|
|
|
|
|
|
|
|
|
var _vm = this
|
|
|
|
|
var _h = _vm.$createElement
|
|
|
|
|
var _c = _vm._self._c || _h
|
|
|
|
|
}
|
|
|
|
|
var recyclableRender = false
|
|
|
|
|
var staticRenderFns = []
|
|
|
|
|
render._withStripped = true
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -184,92 +136,75 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default =
|
|
|
|
|
//
|
|
|
|
|
//
|
|
|
|
|
//
|
|
|
|
|
var _default = {
|
|
|
|
|
// 组件的 props 属性，定义了父组件传递给当前组件的数据
|
|
|
|
|
props: ['baseData'], // 父组件传入的数据，这里是 baseData
|
|
|
|
|
|
|
|
|
|
// 组件的 data 方法，用来返回组件的局部状态
|
|
|
|
|
var _default =
|
|
|
|
|
{
|
|
|
|
|
props: ['baseData'],
|
|
|
|
|
data: function data() {
|
|
|
|
|
return {
|
|
|
|
|
// selectscooldata 用来存储用户选择的数据
|
|
|
|
|
selectscooldata: {},
|
|
|
|
|
|
|
|
|
|
// title 用于显示当前组件的标题
|
|
|
|
|
title: 'picker-view',
|
|
|
|
|
|
|
|
|
|
// indicatorStyle 是样式设置，用来控制 picker-view 中指示器的样式
|
|
|
|
|
// baseData:5,
|
|
|
|
|
indicatorStyle: "height: 50px;",
|
|
|
|
|
|
|
|
|
|
// defaultValue 设置 picker-view 默认选中的值，默认是下标为 0 的元素
|
|
|
|
|
defaultValue: [0]
|
|
|
|
|
// 默认选中下标为 0 的值，可以在外部传入 baseData 来动态改变默认值
|
|
|
|
|
defaultValue: [0] //默认选中hoverhover中下标为2的那个元素
|
|
|
|
|
//defaultValue是默认展示的值，你要注意，如果hoverhover是动态循环出来时，你在data中直接给默认值，可能不能够显示你想要展示的值
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 组件的方法
|
|
|
|
|
methods: {
|
|
|
|
|
// pickstart 方法，表示 picker-view 开始选择时的事件处理
|
|
|
|
|
pickstart: function pickstart() {
|
|
|
|
|
console.log(1); // 打印 1，表示用户开始选择
|
|
|
|
|
console.log(1);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* bindChange 方法，处理 picker-view 中选择值变化的事件
|
|
|
|
|
* @param {Object} e - 事件对象
|
|
|
|
|
*/
|
|
|
|
|
* uniapp中，向上传递值得时候，不要在关闭事件中进行传递值；
|
|
|
|
|
* 因为关闭事件中有可能形成异步(造成选择的值和页面显示的值不一致这个问题)
|
|
|
|
|
* 使用change事件将值抛出去
|
|
|
|
|
* */
|
|
|
|
|
bindChange: function bindChange(e) {
|
|
|
|
|
this.selectscooldata = e; // 将事件对象赋值给 selectscooldata
|
|
|
|
|
console.log(this.baseData[e.detail.value[0]]); // 打印当前选择的 baseData 项
|
|
|
|
|
|
|
|
|
|
this.selectscooldata = e;
|
|
|
|
|
console.log(this.baseData[e.detail.value[0]]);
|
|
|
|
|
if (e.detail && e.detail.value) {
|
|
|
|
|
// 如果有选择的值，实时将用户选择的值抛出去
|
|
|
|
|
var val = e.detail.value[0]; // 获取用户选择的第一个值（下标）
|
|
|
|
|
this.$emit('changeCont', this.baseData[e.detail.value[0]]); // 通过 $emit 触发父组件的 'changeCont' 事件，并传递选中的值
|
|
|
|
|
this.tablewareData = this.baseData[e.detail.value[0]]; // 保存选中的数据到 tablewareData 变量
|
|
|
|
|
// this.$emit('changeCont', e.detail.value[0]) // 可选：触发父组件事件传递下标值
|
|
|
|
|
this.$emit('changeCont', this.tablewareData); // 再次触发父组件事件传递选中的数据
|
|
|
|
|
//实时将用户选择的值抛出去
|
|
|
|
|
|
|
|
|
|
var val = e.detail.value[0];
|
|
|
|
|
this.$emit('changeCont', this.baseData[e.detail.value[0]]);
|
|
|
|
|
this.tablewareData = this.baseData[e.detail.value[0]];
|
|
|
|
|
// this.$emit('changeCont',e.detail.value[0])
|
|
|
|
|
this.$emit('changeCont', this.tablewareData);
|
|
|
|
|
} else {
|
|
|
|
|
// 如果没有选择值，说明用户选择了默认值
|
|
|
|
|
this.$emit('changeCont', this.baseData[e.detail.value[0]]); // 触发父组件事件，传递默认值
|
|
|
|
|
this.tablewareData = this.baseData[e.detail.value[0]]; // 保存默认数据到 tablewareData
|
|
|
|
|
// this.$emit('changeCont', e.detail.value[0]) // 可选：触发父组件事件传递下标值
|
|
|
|
|
this.$emit('changeCont', this.tablewareData); // 触发父组件事件传递选中的数据（默认值）
|
|
|
|
|
this.$emit('changeCont', this.baseData[e.detail.value[0]]);
|
|
|
|
|
this.tablewareData = this.baseData[e.detail.value[0]];
|
|
|
|
|
// this.$emit('changeCont',e.detail.value[0])
|
|
|
|
|
// 用户没有滚动，说明用户选择的是我们给用户展示的默认值
|
|
|
|
|
this.$emit('changeCont', this.tablewareData);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// date 方法，用于打开 picker-view
|
|
|
|
|
date: function date(e) {
|
|
|
|
|
this.$refs.onlyhover.open(); // 通过 refs 引用调用 onlyhover 组件的 open 方法
|
|
|
|
|
this.$refs.onlyhover.open();
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// fatheropen 方法，调用 refs 引用的 onlyhover 组件的 open 方法
|
|
|
|
|
fatheropen: function fatheropen() {
|
|
|
|
|
this.$refs.onlyhover.open(); // 打开 picker-view
|
|
|
|
|
this.$refs.onlyhover.open();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// fathClose 方法，调用 refs 引用的 onlyhover 组件的 close 方法
|
|
|
|
|
fathClose: function fathClose() {
|
|
|
|
|
this.$refs.onlyhover.close(); // 关闭 picker-view
|
|
|
|
|
this.$refs.onlyhover.close();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* closemask 方法，处理用户点击确认时的事件
|
|
|
|
|
* 如果用户没有选择值，则使用默认值
|
|
|
|
|
*/
|
|
|
|
|
* 确认按钮，没有值得时候去寻找默认值
|
|
|
|
|
* */
|
|
|
|
|
closemask: function closemask() {
|
|
|
|
|
if (this.selectscooldata.detail && this.selectscooldata.detail.value) {
|
|
|
|
|
// 如果用户选择了值，什么也不做（值已经传递到父组件）
|
|
|
|
|
//
|
|
|
|
|
} else {
|
|
|
|
|
// 用户没有选择任何值，使用默认值
|
|
|
|
|
var cont = this.baseData[this.defaultValue[0]]; // 获取默认值
|
|
|
|
|
this.$emit('changeCont', cont); // 将默认值传递给父组件
|
|
|
|
|
}
|
|
|
|
|
//此时用户选择的是默认值，在点击的时候抛出去
|
|
|
|
|
var cont = this.baseData[this.defaultValue[0]];
|
|
|
|
|
this.$emit('changeCont', cont);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
|
|
|
|
} } };exports.default = _default;
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
@ -304,21 +239,12 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
|
|
|
|
|
|
|
}]);
|
|
|
|
|
//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/uni-piker/index.js.map
|
|
|
|
|
;// 使用 webpack 动态加载组件，`webpackJsonp` 是 webpack 中用于管理异步模块的机制
|
|
|
|
|
(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
|
|
|
|
|
// 组件的名称，这里是 'components/uni-piker/index-create-component'
|
|
|
|
|
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
|
|
|
|
|
'components/uni-piker/index-create-component',
|
|
|
|
|
|
|
|
|
|
// 模块定义部分
|
|
|
|
|
{
|
|
|
|
|
'components/uni-piker/index-create-component':(function(module, exports, __webpack_require__){
|
|
|
|
|
// `__webpack_require__` 用于加载其他模块，'1' 是一个模块标识符
|
|
|
|
|
// 通过 `createComponent` 创建组件并将其挂载到指定位置
|
|
|
|
|
__webpack_require__('1')['createComponent'](__webpack_require__(180));
|
|
|
|
|
__webpack_require__('1')['createComponent'](__webpack_require__(180))
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 依赖模块，这里指定了组件依赖的模块
|
|
|
|
|
[['components/uni-piker/index-create-component']]
|
|
|
|
|
])
|
|
|
|
|
;
|
|
|
|
|
]);
|
|
|
|
|
|
